header头加参数跨域
时间: 2023-10-06 14:13:55 浏览: 198
vue+axios全局添加请求头和参数操作
跨域请求中添加header头参数的问题可以通过修改服务器端来解决。根据引用\[1\]和引用\[2\]的内容,可以在服务器端的响应头中设置允许的自定义header参数。具体的做法有两种方式:
方式一:在服务器端的响应头中添加以下内容:
```
response.setHeader("Access-Control-Allow-Headers", "content-type,Token");
```
其中,content-type是请求参数的编码格式,Token是自定义的header参数。这样就允许了跨域请求中添加这两个header参数。
方式二:在服务器端的响应头中添加以下内容:
```
header('Access-Control-Allow-Headers:x-requested-with,content-type,requesttype');
```
其中,x-requested-with、content-type和requesttype是自定义的header参数。这样就允许了跨域请求中添加这三个header参数。
需要注意的是,无论使用哪种方式,都需要在服务器端的响应头中设置好允许的自定义header参数,否则客户端无法成功提交请求。另外,还需要处理预检请求的情况。根据引用\[3\]的内容,可以在路由中先添加一个OPTIONS请求,然后再进行POST请求。具体的做法如下:
```
// OPTIONS请求
Route::options('/join/activity', function(){
return response("OK", 200)
->header('Access-Control-Allow-Origin', '*')
->header('Access-Control-Allow-Methods', 'POST,GET,OPTIONS,DELETE')
->header('Access-Control-Allow-Headers', 'Authorization');
});
// POST请求
Route::post('join/activity', 'Activities\ActivitiesController@joinActivity');
```
通过以上的设置,就可以在跨域请求中成功添加header头参数了。
#### 引用[.reference_title]
- *1* [axios 发送 header 并且设置允许跨域](https://blog.csdn.net/a1334933655/article/details/121185504)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [ajax设置header头部之后造成跨域的解决方案](https://blog.csdn.net/weixin_30393279/article/details/114962009)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [跨域问题总结(普通跨域,header头加参数跨域)](https://blog.csdn.net/wuye_lh/article/details/100309813)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文