vue添加全局拦截器

本文介绍了如何在Vue项目中利用axios设置全局拦截器,主要用于处理请求错误和登录状态过期的情况。通过安装axios,创建axiosConfig.js配置文件,然后在main.js中引入并设置别名,实现当请求发生错误特别是登录过期时,自动跳转到登录页面。
摘要由CSDN通过智能技术生成

vue添加全局拦截器

为了统一处理错误及配置请求信息可以设置拦截器,本文是登录过期设置,过期后跳到登录页

  1. 安装 axios , 命令: npm install axios --save-dev
  2. 在src目录的新建config文件夹,并在config目录下新建文件 axiosConfig.js ,内容如下

import axios from 'axios'
import {
    Message } from 'element-ui'//引用elementui的信息提示框,根据个人选择可以不用
import Router from '../router'

// Add a request interceptor
axios.interceptors.request.use(function (config) {
   
// Do something before request is sent
return config
}, function 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值