在使用 vue 做前端项目的时候,前后端分离,前端需要从后端发送请求,获取相应的数据,需要在发送之前,或者是响应接受之前,设置拦截。。。。本文就是关于 interceptors 的使用~~~~
工具/原料
编辑器:vscode(选择自己喜欢的)
一、创建 interceptors 文件
1
① 在 src 目录下创建一个 interceptors 文件夹,interceptors 文件夹下创建一个 index.js 文件,用于路由拦截的代码编辑。
2
② 全局引入 interceptors /index.js在 main.js 中引入 interceptor
二、编辑 interceptors
1
① 引入 aixos,router 是给路由设置的,一定少不了 router,请求拦截的,少不了 axiosimport axios from 'axios'import Router from 'router'
2
② 代码编写编写 发送与相应axios.interceptors.request.useaxios.interceptors.response.use下图就是一个简单的编辑,更多的拦截可以在里面添加响应的代码。END
注意事项
学无止境~~~~~~~~~~~~~~~~~~~