vue拦截器

Vue拦截器是一种机制，它可以在请求发送或响应返回前对其进行拦截和处理。Vue拦截器通常用于添加或修改请求头、请求参数、响应数据等，以实现一些通用的功能，如统一处理错误信息、添加认证信息等。

在Vue中，可以使用axios拦截器来实现拦截器功能。axios是一个基于Promise的HTTP库，可以用于浏览器和Node.js。axios拦截器有两种类型：请求拦截器和响应拦截器。

请求拦截器可以在发送请求前对其进行拦截和处理，可以通过以下方式使用：

import axios from 'axios';

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    config.headers.Authorization = getToken(); // 添加认证信息
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

响应拦截器可以在接收到响应后对其进行拦截和处理，可以通过以下方式使用：

import axios from 'axios';

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

以上代码中，我们使用了axios的interceptors属性来添加拦截器，其中request.use()方法用于添加请求拦截器，response.use()方法用于添加响应拦截器。在拦截器中，我们可以对请求或响应进行一些操作，例如添加请求头、修改请求参数、统一处理错误信息等。