vue拦截器的作用及使用

Vue拦截器是一种用于在请求发送和响应返回时拦截处理的机制，它可以在请求发送前或响应返回后对请求或响应进行修改或处理。Vue拦截器通常用于添加全局的请求头、错误处理、鉴权等场景。

Vue拦截器可以通过`axios.interceptors`访问到，它提供了`request`拦截器和`response`拦截器两种类型。`request`拦截器可以在请求被发送出去之前对请求进行修改，`response`拦截器可以在响应返回到应用之前对响应进行修改。

以下是一个示例：

import axios from 'axios';

// 添加请求拦截器
axios.interceptors.request.use(config => {
  // 在发送请求之前做些什么，如添加请求头、loading等
  return config;
}, error => {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 添加响应拦截器
axios.interceptors.response.use(response => {
  // 对响应数据做些什么
  return response;
}, error => {
  // 对响应错误做些什么
  return Promise.reject(error);
});

在上面的示例中，我们通过`axios.interceptors.request.use`添加了一个请求拦截器，通过`axios.interceptors.response.use`添加了一个响应拦截器。在拦截器中，我们可以对请求或响应进行修改或处理，并将其返回。如果需要终止请求或响应，可以返回一个`Promise.reject`。

使用Vue拦截器可以方便地实现全局的请求头、错误处理、鉴权等功能。同时，也可以针对不同的请求添加不同的拦截器进行处理。