vue 给axios添加请求拦截

在使用axios发送请求时，可以通过添加请求拦截器来对请求进行处理，例如添加请求头、添加token等操作。
下面是一个使用Vue和Axios的示例，其中在请求拦截器中添加了请求头和token：
import axios from 'axios';

// 创建axios实例
const service = axios.create({
baseURL: process.env.BASE_API, // api的base_url
timeout: 5000 // 请求超时时间
});

// 请求拦截器
service.interceptors.request.use(
config => {
// 在发送请求之前做些什么
if (localStorage.token) {
// 添加请求头
config.headers.Authorization = localStorage.token;
}
return config;
},
error => {
// 对请求错误做些什么
return Promise.reject(error);
}
);

export default service;
登录后复制
在上面的代码中，我们首先创建了一个axios实例，并设置了请求超时时间和请求的baseURL。
接着，我们使用interceptors属性添加了请求拦截器。在请求拦截器中，我们可以对请求进行一些处理，例如添加请求头、添加token等。
在这个例子中，我们判断localStorage中是否存在token，如果存在则在请求头中添加Authorization字段，值为localStorage中的token。这样，在发送请求时，就会自动带上Authorization头。
最后，我们将创建的axios实例导出，供其他模块使用。