在Vue网络中请求interceptors，具体应该怎么做？

项目背景

最近在项目开发中，遇到下面这样一个问题：

1. 在进行铭感操作之前，每个请求需要携带token,但是token 有有效期，token 失效后需要换取新的token并继续请求。

需求分析

1. 每个请求都需要携带 token ，所以我们可以使用 axios request 拦截器，在这里，我们给每个请求都加 token,这样就可以节省每个请求再一次次的复制粘贴代码。

2. token 失效问题，当我们token 失效，我们服务端会返回一个特定的错误表示，比如 token invalid，但是我们不能在每个请求之后去做刷新 token 的操作呀，所以这里我们就用 axios response 拦截器，我们统一处理所有请求成功之后响应过来的数据，然后对特殊数据进行处理，其他的正常分发。

功能实现

分析完问题后，我们来实现功能

安装axios, 这里我们就赘述怎么安装axios.

在 main.js 注册 axios

注：qs，使用axios，必须得安装 qs，所有的Post 请求，我们都需要 qs,对参数进行序列化。

在 request 拦截器实现

在 response 拦截器实现

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

vue实现a标签点击高亮方法

Vue-路由导航菜单栏的高亮设置方法

Vue 实现双向绑定的四种方法

以上就是在Vue网络中请求interceptors，具体应该怎么做？的详细内容，更多请关注Gxl网其它相关文章！