多语言展示
当前在线:302今日阅读:103今日分享:49

vue如何对路由进行拦截

在使用 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

注意事项

学无止境~~~~~~~~~~~~~~~~~~~

推荐信息