axios请求拦截器添加token和lang
时间: 2024-09-14 07:03:40 浏览: 43
Axios是一个流行的JavaScript库,用于处理HTTP请求。在axios中,我们可以使用请求拦截器(request interceptors)来统一添加一些通用的配置,比如在每个请求头里添加token和设置语言(lang)。下面是一个简单的示例:
首先,你需要安装axios,如果还没有的话,可以使用npm或yarn来安装:
```bash
npm install axios
# 或者
yarn add axios
```
然后,在你的应用中创建axios实例,并添加全局请求拦截器:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: '你的API基础地址',
headers: {
// 默认的请求头
}
});
// 添加全局请求拦截器
instance.interceptors.request.use((config) => {
// 在这里添加token和lang
config.headers.Authorization = `Bearer ${yourToken}`; // 假设token是一个变量
config.headers.Language = 'zh-CN'; // 设置语言
return config;
}, (error) => {
// 请求失败的处理
return Promise.reject(error);
});
// 现在你可以像这样发送请求
instance.get('/api/endpoint')
.then(response => console.log(response.data))
.catch(error => console.error(error));
```
在这个例子中,每次发送请求时,都会自动在headers中加入你的token和指定的语言。
阅读全文