Vue项目中用模块化思想封装axios
1. 在 src 目录里新建 utils 文件夹（表示工具类，里面建立 request.js 文件[ 里面封装axios ] ）和 api 文件夹（用来存放各类 api.js 文件，比如 articleAPI.js )。
例如：
request.js 封装：
查看代码
// 导入 axios 前记得先下载 npm i axios -S
import axios from 'axios'
// 调用 axios.create() 函数，创建一个 axios 的实例对象，用 request 来接收
const request = axios.create({
// 指定请求的根路径，就是接口的根路径
baseURL: 'https://www.escook.cn'
})
// 向外共享 request
export default requestarticleAPI.js 接口：
查看代码
// 文章相关的 API 接口，都封装到这个模块中
import request from '@/utils/request.js'
// 向外按需导出一个 API 函数，方法内可根据实际接口参数个数自定义参数个数
// 当请求文章数据时，调用方法，传入接口参数即可
export const getArticleListAPI = function(_page, _limit) {
return request.get('/articles', {
// 请求参数
params: {
_page,
_limit
}
})
}Home.vue 调用请求（主要看请求部分代码）：
查看代码