vue axios 请求拦截器根据请求返回的错误代码跳转错误页面

最新推荐文章于 2022-06-15 17:18:05 发布

IT虎先生

最新推荐文章于 2022-06-15 17:18:05 发布

阅读量2k

点赞数 2

分类专栏： axios 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/weixin_44258359/article/details/108086172

版权

本文介绍了如何在Vue项目中使用axios设置请求拦截器，根据返回的错误代码智能跳转到错误页面，详细讲解了拦截器的配置与挂载到Vue实例上的步骤。

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

编辑拦截器文件挂载到 vue实例上
在这里插入图片描述
在该文件夹中书写拦截内容

import Axios from 'axios'
import router from '../router/index'
// 请求拦截器
Axios.interceptors.request.use(config => {
   

    // 发送请求之前可以在这里写一些东西

    return config;

}, error => {
   

    // 请求报错的时候做一些事情

    return Promise.reject(error)
})


// 响应拦截器
Axios.interceptors.response.use(response => {
   
    // 对响应数据做一些事情

    return response
}, error =<