有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

config.headers.authorization(axios请求拦截和响应拦截)

代码编程 炮渣日记 3周前 (11-15) 16次浏览 已收录 0个评论 扫描二维码
import Vue from 'vue'
// 在Vue的原型上挂在一个$axios
import axios from 'axios'
axios.defaults.baseURL = "http://127.0.0.1:8888/api/private/v1/" //基准路径
Vue.prototype.$axios = axios

/**
 * 请求拦截器,可以在请求真正发送出去之前,做一些额外的事情,比如添加一些我们
 * 需要的请求头
 */
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  if (localStorage.getItem('mytoken')){
    config.headers.Authorization = localStorage.getItem('mytoken')
  }
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
})

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  // return response.data
  return response
}, function (error) {
  // 对响应错误做点什么
  return Promise.reject(error);
})
喜欢 (0)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址