02 . 处理axios的三个问题 :设置基路径/axios挂载到vue原型/请求时自动携带token

时间:2023-03-09 00:55:15
02 . 处理axios的三个问题 :设置基路径/axios挂载到vue原型/请求时自动携带token
  //使用API时必须在请求头中使用 Authorization 字段提供 token 令牌
import axios from 'axios'
// 处理axios的三个问题
// 处理一:基路径
axios.defaults.baseURL = 'http://localhost:8888/api/private/v1/'
// 处理二 : 把axios 挂载到 vue 的原型上 ,就不用每次都引入啦
Vue.prototype.$axios = axios
// 处理三: 自动携带token
// axios.defaults.headers.common['Authorization'] = localStorage.getItem('token')
axios.interceptors.request.use(
function (config) {
// 拦截每次请求,携带token
config.headers.Authorization = localStorage.getItem('token') return config
},
function (error) {
// Do something with request error
return Promise.reject(error)
}
)