首页axios请求拦截器添加token和lang

axios请求拦截器添加token和lang

时间: 2024-09-14 16:03:40 浏览: 104

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和指定的语言。

阅读全文