vue 响应拦截器；请求拦截器

最新推荐文章于 2024-08-19 11:35:22 发布

辛娟娟

最新推荐文章于 2024-08-19 11:35:22 发布

阅读量513

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_56993654/article/details/120309608

版权

本文介绍了在Vue项目中如何使用axios库设置请求和响应拦截器，实现全局统一的错误处理及请求前的预处理。首先通过npm安装axios，然后在src/utils/request.js创建请求模块进行相关配置。

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

第一步:安装 axios
npm i axios
第二步:新建src/utils/request.js模块
// 通用接口调用模块

import axios from 'axios'
import store from '@/store'
import router from '@/router'

// 接口调用基准路径
export const baseURL = ''

// 创建一个独立的实例对象
const instance = axios.create({
   
  baseURL: baseURL
})

// 响应拦截器的作用:数据脱壳
instance.interceptors.response.use(