给axios实例设置token
时间: 2023-08-05 09:05:07 浏览: 155
axios封装,携带token
5星 · 资源好评率100%
要给axios实例设置token,你可以使用axios的拦截器来在每个请求中添加token。下面是一个示例代码:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'http://example.com/api',
timeout: 5000,
});
// 添加请求拦截器
instance.interceptors.request.use(
config => {
const token = 'your_token_here';
if (token) {
config.headers.Authorization = `Bearer ${token}`;
}
return config;
},
error => {
return Promise.reject(error);
}
);
export default instance;
```
在上面的代码中,我们通过axios.create()方法创建了一个axios实例,并添加了一个请求拦截器。在请求拦截器中,我们可以获取到请求的配置对象config,并在其中设置Authorization头部,将token添加到请求中。
请替换示例中的'your_token_here'为实际的token值。这样,在每个请求中,都会自动在请求头部添加Authorization字段,并将token值作为Bearer token的形式发送。
使用时,你可以像之前一样导入这个实例,并发送请求:
```javascript
import instance from './axios';
instance.get('/user/12345')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
这样发送的请求会自动携带token。记得将示例中的'http://example.com/api'替换为你实际的API接口地址。
阅读全文