Vue2 axios拦截器配置

最新推荐文章于 2024-04-18 18:37:14 发布

陈新月-Phyllis

最新推荐文章于 2024-04-18 18:37:14 发布

阅读量384

点赞数

分类专栏： ▲项目成长▼ # 实战项目前端 # Vue 文章标签： Vue2 axios拦截器

本文链接：https://blog.csdn.net/csxypr/article/details/89302488

版权

本文介绍了在Vue2项目中如何配置axios拦截器。通过在src目录下创建axios文件夹并编写index.js，然后在main.js中引入并设置拦截器，实现请求和响应的统一处理。

摘要由CSDN通过智能技术生成

前言

最近一系列的博客都是有关Vue的，在此小咸儿将自己学习到的内容总结，分享出来，希望能够跟大家交流。

开始

在src目录下创建axios文件夹，并且文件夹下创建index.js文件
在这里插入图片描述
index.js文件中的代码内容：

import Vue from 'vue'
import axios from 'axios'
// import router from '../router'


Vue.prototype.$axios = axios


// http请求
// axios request 拦截器
axios.interceptors.request.use(
  config => {
    // 下面会说在什么时候存储 token，判断是否已经携带了token信息
    if (localStorage.getItem('token')) {
      config.headers['Authorization'] = localStorage.getItem('token')
      config.headers['Content-Type'] = 'application/json'
      var companyId = localStorage.getItem('schoolNo') + 'Bn*****BqYV*****e4M*****'
      config.headers['compan