axios添加请求头authentication
时间: 2024-12-14 21:16:23 浏览: 4
vue 中关于 axios 网络请求的封装:包括请求拦截等内容,附有详细的代码说明!!!
在 Axios 中,你可以通过 `headers` 属性来添加请求头(Headers),包括 authentication 相关的信息,比如 `Authorization` 字段用于传递身份验证凭证。以下是一个示例:
```javascript
import axios from 'axios';
// 创建一个配置对象,包含认证信息
const config = {
headers: {
Authorization: 'Bearer your_token_here', // 使用 Bearer 认证,将你的 token 替换这里
'Content-Type': 'application/json', // 根据需求设置内容类型
},
};
// 发送 GET 请求
axios.get('https://api.example.com/data', config)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
如果你使用的是 Basic 鉴权,可以在 `Authorization` 头部加上 `Basic` 和 Base64 编码的用户名和密码,格式为 `Basic username:password`。
阅读全文