首页axios 设置请求头

axios 设置请求头

时间: 2025-04-25 07:33:03 浏览: 32

### 如何在 Axios 中设置请求头当使用 Axios 发起 HTTP 请求时，可以通过多种方式来设置请求头。一种常见的方式是在发起请求时直接指定 `headers` 属性： ```javascript axios.post('/user', { firstName: 'Fred', lastName: 'Flintstone' }, { headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer your_token_here' } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.error(error); }); ``` 另一种方法是通过创建自定义实例并在此实例配置中设定默认头部信息[^1]。对于全局范围内的所有请求，默认请求头也可以被一次性地设置好： ```javascript // 添加一个请求拦截器 axios.interceptors.request.use(function (config) { // 在发送请求之前做些什么 config.headers['Authorization'] = 'Bearer new_token'; return config; }, function (error) { // 对请求错误做些什么 return Promise.reject(error); }); // 此后所有的请求都会自动携带上述 Authorization 头部信息 axios.get('/someEndpoint') .then(/* ... */) .catch(/* ... */); ``` 如果目标在于跨域资源共享(CORS)，则可能需要服务端配合，在响应首行加入适当的内容类型声明以及允许的方法列表等 CORS 相关头部字段[^3]。 #### 设置单次请求的特定头部信息除了以上提到的技术外，还可以针对每一次单独发出的请求动态调整其头部参数，这非常适合那些每次调用API接口所需认证令牌或其他变量都不同的场景。

阅读全文