9.如何解决出现AXIOS的Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.
2024-10-18 18:24:12
问题描述:
由于restful接口需要在头部header传递两个字段:
Content-Type: application/json
Access-Token: 84c6635800b14e0eba4f7ece65e095a1
但是,在vue.js里面配置:
执行发送的时候出现:
意思是预发请求的时候不通过,不再正式发请求
经过反复的测试,发现,header里面包含自定义字段,浏览器是会先发一次options请求,如果请求通过,则继续发送正式的post请求,而如果不通过则返回以上错误
那这样就只能在服务端配置options的请求返回,代码如下:
// TODO 支持跨域访问
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Methods", "*");
response.setHeader("Access-Control-Allow-Headers", "Content-Type,Access-Token");
response.setHeader("Access-Control-Expose-Headers", "*"); if (request.getMethod().equals("OPTIONS")) {
HttpUtil.setResponse(response, HttpStatus.OK.value(), null);
return;
}
上面代码需要加入允许的头部,content-type和access-token,并且判断请求的方法是options的时候,返回ok(200)给客户端,这样才能继续发正式的post请求。
修改之后成功发了post请求。
PS:
看了网上这么多解释,基本都用不到,关于AXIOS自定义头部字段的问题,貌似只有上述方法能够解决
最新文章
- 你真的会用java replaceAll函数吗?
- 安装Oracle报错,全部为未知!
- eclipse-搭建maven的war项目集合spring注解方式
- 5. apktool 给XX手机卫士加广告页
- iOS 文档分享相关
- [译] Web API 之 简介
- python linux 磁盘操作
- Python 创建函数和代码重用
- Javascript Date Format
- cf B. Resort
- DomeOS部署
- 任务调度工具Quartz入门笔记
- Docker下安装Influxdb-1.6.1和Grafana5.2.2
- 开源IDE code blocks黑色主题
- python 3.6练习题(仿购物车)
- Python初学者随笔Week1
- R—读取数据(导入csv,txt,excel文件)
- WPF操作RichTextBox
- Python面试题整理-更新中
- Java 可重入锁
热门文章
- freemarker---详细使用教程
- hive的表的基本操作
- (计蒜客)UCloud 的安全秘钥
- javaSE_05Java中方法(函数)与重载、递归-思维导图
- Windows下用Composer引入官方GitHub扩展包
- JavaScript 扫描枪使用(一)
- undefined is not an object (evaluating 'RNFetchBlob.DocumentDir')
- Java语言编程注意事项
- Mac OS 的命令行 总结
- Mac OSX 搭建 Apache php mySql phpMyAdmin 开发环境