vue拦截器的作用是什么，如何实现拦截

Vue拦截器的作用是在请求发送或响应返回时对数据进行预处理或过滤，可以在拦截器中添加请求头、对请求数据进行处理、对响应数据进行处理等操作。拦截器可以在请求或响应被发送或返回之前拦截它们，对它们进行修改或处理，然后再继续执行。

在Vue中，可以使用axios库来实现拦截器。axios提供了interceptors属性，其中包含request和response两个对象，分别表示请求和响应拦截器。可以通过axios.interceptors.request.use和axios.interceptors.response.use方法来添加拦截器。

例如，以下代码实现了一个请求拦截器，用于在每个请求中添加token请求头：

axios.interceptors.request.use(
  config => {
    const token = localStorage.getItem('token');
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

以上代码中，axios.interceptors.request.use方法用于添加请求拦截器，并在其中实现了添加token请求头的功能。如果请求出现错误，则使用Promise.reject方法抛出错误信息。