axios添加自定义头部出现的问题

在浏览器的http的GET,POST的跨域请求中，添加自定义头部，发送不是字符串，fromData的数据时，都是非简单请求。浏览器都预先发出OPTIONS（预检安全请求）。所以我们在axios中添加自定义头部时候需要后端返回OPTIONS请求允许才进行POST或GET请求。

后端中只需要对OPTIONS请求做出允许自定义头部和状态200即可。

if(req.method==='OPTIONS'){res.writeHead(200,{//允许跨域"Access-Control-Allow-Origin":"*","Access-Control-Allow-Credentials":"true",//允许请求类型"Access-Control-Allow-Methods":"*",//允许自定义头部'Access-Control-Allow-Headers':"*",'Access-Control-Expose-Headers':'*'})res.end();}

axios添加自定义头部出现的问题相关推荐

jQuery跨域，添加自定义头部header
2019独角兽企业重金招聘Python工程师标准>>> 1.前端jQuery代码 $.ajax({crossDomain: true,beforeSend: function(req ...
nginx 添加自定义头部信息
http://phl.iteye.com/blog/2253355
php添加自定义头部关键字,WordPress主题制作中自定义头部的相关PHP函数解析
header_image()header_image() 函数是 WordPress 自定顶部图像的标准接口函数,该函数可以自动判断后台设置,并返回字符串形式的用户自定义顶部图像地址.本文主要涉及该函 ...
Octavia API接口慢问题排查引发的思考
女主宣言文本梳理了Octavia API接口访问慢问题的排查过程和解决方案,并对排查过程中涉及到的相关知识点进行了梳理,希望日后遇到类似的问题可以有所借鉴和参考. PS:丰富的一线技术.多元化的表现 ...
ajax 报错 Content-Type is not allowed by Access-Control-Allow-Headers in preflight respon
转载https://www.cnblogs.com/caimuqing/p/6733405.html 问题描述: 由于restful接口需要在头部header传递两个字段: Content-Type: ...
lua web快速开发指南(7) - 高效的接口调用 - httpc库
httpc库基于cf框架都内部实现的socket编写的http client库. httpc库内置SSL支持, 在不使用代理的情况下就可以请求第三方接口. httpc支持header.args.bod ...
Nginx多策略流量分发
1.场景描述在实际生产环境中,流量分发有很多情况,下面主要讲讲以下两种流量分发场景: 新版本上线,为了保证新版本稳定性,需要用线上的流量的引入,对新版本进行真实流量测试.如果新版本上线有问题,为降低 ...
Spring Security 参考手册（一）
Spring Security 参考手册 Ben AlexLuke TaylorRob WinchGunnar Hillert Spring security 是一个强大的和高度可定制的身份验证和访问 ...
vue3使用vite+setup+ts写一个初级前端项目
Vue3vite+setup+ts项目总结项目说明项目概述本项目纯粹是为了学习和巩固刚学的vue3组合式api和语法糖,再加上网上流行vite+ts+vue,所以便有了这个历时四天的vue3前端 ...

axios添加自定义头部出现的问题

后端中只需要对OPTIONS请求做出允许自定义头部和状态200即可。

axios添加自定义头部出现的问题相关推荐

最新文章

热门文章