Vue怎么设置请求拦截器

要设置Vue的请求拦截器，需要使用axios这个库，在Vue项目中可以通过以下步骤实现：

1. 首先，在Vue项目中安装axios库，可以通过npm命令或者yarn命令进行安装：

   npm install axios --save
   或
   yarn add axios

2. 在Vue项目的main.js文件中引入axios：

   import axios from 'axios'

3. 接下来，在main.js文件中配置axios的请求拦截器，代码如下：

   // 添加请求拦截器
   axios.interceptors.request.use(function (config) {
       // 在发送请求之前做些什么
       // 比如设置请求头信息，添加token等
       return config;
   }, function (error) {
       // 对请求错误做些什么
       return Promise.reject(error);
   });

在上面的代码中，我们通过axios.interceptors.request.use()方法来添加请求拦截器，该方法有两个参数：第一个参数是一个函数，表示请求发送之前要执行的操作；第二个参数也是一个函数，表示请求发送失败的操作。

4. 最后，在Vue组件中发送请求时，axios会自动执行请求拦截器中的操作，比如在请求头中添加token等信息。

   axios.get('/api/data', { headers: { 'Authorization': 'Bearer ' + token }})
   .then(response => {
       console.log(response.data)
   })
   .catch(error => {
       console.log(error)
   })

在上面的代码中，我们通过headers参数向请求头中添加了token信息，这个信息是在请求拦截器中添加的。