vue-cli 中封装在 utils 下的 axios来实现请求接口复用

1 vue-cli 中封装在 utils 下的 axios来实现请求接口复用

在项目中如果我们要请求的接口有多个，那么可以这样封装axios。

目录如下：

src---
        utils---
                request.js
        

在 request.js 中封装代码如下：

import axios from 'axios'
​
const request = axios.create({
  // 指定请求的根路径
  baseURL: 'https://www.escook.cn'
})
​
export default request

​这样就封装好了根路径的，有用到不同的请求跟路径，可以封装多个。很方便。

如何实现封装的复用的呢，看下图：

封装好了后，在使用的时候导入相应的模块就可以了。