// 对于axios进行二次封装--主要用到它的请求和响应拦截器
一:utils文件夹中的service.js
1.引入axios
import axios from 'axios'
import { MessageBox, Message } from 'element-ui'
// 引入仓库--为了拿到token
import store from '@/store'
import { getToken } from '@/utils/auth'
2.利用axios对象的方法create,去创建一个axios实例
const service = axios.create({
baseURL: process.env.VUE_APP_BASE_API,
timeout: 5000 // request timeout
})
3.请求拦截器:再发请求之前,请求拦截器可以检测到,可以再请求发出去之前做一些事情
service.interceptors.request.use(
// a.请求成功做一些事情
config => {
// do something before request is sent
if (store.getters.token) {
// 设置请求头--携带token
config.headers['token'] = getToken()
}