要在Axios实例中正确添加授权头,你可以使用Axios的拦截器来处理请求和响应。以下是一个示例代码,展示如何正确添加授权头:
import axios from 'axios';
// 创建一个Axios实例
const api = axios.create({
baseURL: 'https://api.example.com',
});
// 添加请求拦截器
api.interceptors.request.use(
(config) => {
// 在请求发送之前添加授权头
config.headers.Authorization = 'Bearer ';
return config;
},
(error) => {
return Promise.reject(error);
}
);
// 发送请求
api.get('/data')
.then((response) => {
// 处理响应
console.log(response.data);
})
.catch((error) => {
// 处理错误
console.error(error);
});
在这个示例中,我们首先创建了一个名为api
的Axios实例,并设置了基本URL。然后,我们使用api.interceptors.request.use()
方法添加了一个请求拦截器。该拦截器会在每个请求发送之前被调用,并通过config.headers.Authorization
为请求添加了授权头。
你需要将
替换为你的实际授权令牌。这个例子中使用的是Bearer令牌类型,你可以根据需要进行修改。
最后,我们使用api.get()
方法发送一个GET请求并处理响应和错误。
这样,你就可以在Axios实例中正确添加授权头了。