[JavaScript知识库]如何在vue-cli中封装axios

我们在使用vue-cli中一般都会采用封装axios的方法来调用接口 那么该怎么做呢? 请看下文详解

1.request配置全局基地址

? ? ? ? 在src文件夹下新建utils文件夹(主要存放工具包)? utils文件夹下新建request.js文件

?request文件主要的作用是配置全局基地址和请求超时的时间 那我们该怎么去封装request呢请看下图：

?1.1封装request.js

2.api封装

2.1封装接口

3.使用封装好的axios

这里有一个注意点? ?async 需要写在离await最近的函数上进行修饰

// 1.按需导入接口
import { loginUserApi } from '@/api/user'


//2.await拿到 接口返回成功的结果 async修饰  try cattac捕获错误
      
  async userLogin(context, from) {
     try{
        const res = await loginUserApi(from)
        }catch(err){
      }
    }