首页 > 其他分享 >Vue — 请求模块、api模块封装

Vue — 请求模块、api模块封装

时间:2024-03-14 11:12:00浏览次数:27  
标签:Vue return err res request api 模块 login

1.请求模块

import axios from 'axios' const request = axios.create({     baseURL : '',//请求的域名地址     timeout : 5000, })
request.interceptors.request.use((config)=>{
    //开启loading 禁止背景点击     return config },(err)=>{     return Promise.reject(err) })
request.interceptors.response.use((response)=>{     //关闭loading     const res = response.data     if(res.code!==200){
        return Promise.reject(res.msg)     }     return res },(err)=>{
    return Promise.reject(err) })


export default request

2.api封装

//存储跟登录相关的api
import request from '@/utils/request'


export const login = ()=>{

    return request.get('/login')
}


/////////////////////////////
//使用
import {login} from '@/api/login'

login()

 

标签:Vue,return,err,res,request,api,模块,login
From: https://www.cnblogs.com/qinlinkun/p/18072420

相关文章

  • 从SpringBoot到DotNet_3.完成购物模块
    一、从购物车模型完成购物车(一)购物车模型设计​ 使用Guid作为购物车的主键,让EFCore自己管理外部引用,使用ICollection保存商品的信息,这里将商品抽象成LineItem与其他模块进行解耦。namespaceFakeXiecheng.Models;publicclassShoppingCart{[Key]publicGuid......
  • .Net接口版本管理与OpenApi
    前言作为开发人员,我们经常向应用程序添加新功能并修改当前的Api。版本控制使我们能够安全地添加新功能而不会造成中断性变更。一个良好的Api版本控制策略可以清晰地传达所做的更改,并允许使用现有RESTApi的客户端在准备好时才迁移或更新他们的应用程序到最新版本。哪些行为......
  • vue2播放音频组件mp3
    贴代码直接使用,配合了el-slider组件完成父组件data(){return{queryParams{visitTapesList:[{url:'xxxxxx'},{url:'xxxxxx'},{url:'xxxxxx'}]}}}<Audiov-for="(item,inde......
  • vue el-cascader
        <!--选择商品属于哪个内目-->   <el-form-itemlabel="选择分类"style="margin:0020px0;">    <el-cascader     v-model="form.types"     :options="form.typesoptions"     @change=......
  • vueusejs实现拖动
    https://www.vueusejs.com/guide/ npmi-D@vueuse/nuxt@vueuse/corepnpmadd-D@vueuse/nuxt@vueuse/core定义变量constcontentParent=ref();定义div<divclass="lg:flexoverflow-autoh-6/6w-[calc(100%+1rem)]"ref=&quo......
  • Vite+Vue3打包性能优化 Gzip压缩
    安装插件npmivite-plugin-compression-D配置文件//vite.config.tsimportviteCompressionfrom'vite-plugin-compression';exportdefault()=>{return{plugins:[viteCompression({threshold:10240,//设置只有大于10kb的......
  • Vue — Vuex模块
    目的:由于Vuex使用的是单一状态树,所有的应用状态都会集中到一个比较大的对象。所以我们拆分store,每一个组件的store创建一个单独的模块,便于维护。1.创建modules文件夹 2.配置子模块conststate={userInfo:{name:'巧克力的雨天',age:9,......
  • [GPT] nodejs 什么情况下可以使用 import 来引入 export 的模块
    在Node.js中,原生并不支持ES6的import语句来引入模块。不过从Node.jsv12开始,通过实验性功能(--experimental-modules)可以使用.mjs扩展名的文件来启用对ES6模块的支持,并使用import语句。新版本Nodejs已移除了--experimental-modules但是,在生产环境中,为了确保兼......
  • Vue中怎么使用router进行页面传参
    在响应式编程中,使用VueRouter传递参数通常涉及到以下几个方面:1.动态路由匹配动态路由匹配允许你根据URL中的参数来渲染不同的组件。这在显示用户信息、博客文章等需要根据ID或其他标识符来区分内容的情况下非常有用。例如,如果你想根据用户ID显示不同的用户信息......
  • KUKA机器人后台逻辑功能模块sps
    KUKA机器人的后台逻辑功能体现在其sps.sub文件中,其中功能和其他品牌的机器人一致(详细的说明解释可参考小编另一篇文章FANUC机器人后台逻辑功能),这边对软plc,后台逻辑功能的具体解释不做过多的赘述,下面进入讲解的主题。一、SPS后台逻辑文件的位置在workvisual软件中我们可以看到......