Vue_axios请求&响应拦截

axios拦截器

请求拦截器

想要给所有的请求中都添加相关参数时，可以使用请求拦截器

axios.interceptors.request(config => {
  // 在return前对config进行处理
  // 统一在config中添加token

  const token = localStorage.getItem('token')
  if (token) {
    config.headers.Authorization = "Bearer " + token
  }
  return config
}, err => {
  return Promise.reject(err)
})

响应拦截器

想要统一的对我们的请求结果进行处理，可以使用响应拦截器

axios.interceptors.response(res => {
  // res就是我们请求到的结果
  if (res.data.res_code === 401) {
    // 我么都把页面跳转至登录
  }
  return res
},(error) => {
  // 对响应错误做点什么
  return Promise.reject(error);
})