1.安装axios
npm install axios --save
2.引入模块
在untils文件夹中创建request.js文件,引入axios模块
import axios from "axios";
3.创建axios实例
// 引入axios
import axios from 'axios'
// 引入提示消息组件
import { Message } from 'element-ui'
const _axios = axios.create({
baseURL: process.env.VUE_APP_BASE_API
})
axios封装的好处:
1、方便后期代码的维护,
2、减少代码量,减少不必要的重复请求响应,
3、通过配合async await,让代码更加优雅
把在vue中如何将axios进行封装给说了一下;
并且把请求拦截和响应拦截,以及请求头携带token给说了一下,老大讲的也是很细致,中间的话,是因为拦截那块token处理的有点的问题,导致只要以获取到数据列表token值就变为undefined,然后讲过一步步的分析,找到了问题,最后也是解决了,这样的话也对我们也是有提升的,让我们知道下次遇到这种情况时候知道怎么处理了
axios的封装处理
import axios from 'axios'
import { Message } from 'element-ui' // Message===this.$message
import Store from &