H5提交json格式的post请求失败原因一种及解决

Lemon_95 发布于2019-07-25 13:46 / 1622人阅读

摘要：开发了一个服务端接口供调用，直接在命令行上调用时正常的。北京市朝阳区但是在页面上调用时报错原因解决方法在中添加如下配置即可即追加一个即可参考文档

开发了一个服务端接口供H5调用，直接在命令行上调用时正常的。

curl -X POST -H "Content-Type: application/json" "http://localhost:8080/userAddresses" -d "{"contact":"13600000001","address":"北京市朝阳区"}"

但是在H5页面上调用时报错

 Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.

原因

For cross-domain requests, setting the content type to anything other than application/x-www-form-urlencoded, multipart/form-data, or text/plain will trigger the browser to send a preflight OPTIONS request to the server. so if server does not allow it will throw errors.

解决方法

在nginx中添加如下配置即可

add_header Access-Control-Allow-Headers X-Requested-With,Content-Type;

即追加一个Content-Type即可

参考文档

http://stackoverflow.com/ques...

服务器托管私有云 js提交post数据请求 h5 js请求json数据 js提交json格式数据 json格式转换失败

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/39341.html

ajax与jsonp一点基础整理

摘要：之所以不能跨域其实是因为受到同源策略的限制，只能让它访问同源下的数据，不能访问不同源下的数据同源策略每个网站只能读取同一来源的数据，这里的同一来源指的是主机名域名协议和端口号的组合。一、Ajax的概念 Ajax是一种技术方案，但并不是一种新技术。它依赖的是现有的CSS/HTML/Javascript，而其中最核心的依赖是浏览器提供的XMLHttpRequest对象，是这个对象使得浏...

tomlingtm 2019-08-21 16:57 评论0 收藏0
springBoot 与 axios 表单提交

摘要：不用于表单提交。实验测试失败状态码请求成功，但是服务端没有接受到数据。服务端当然接受不到数据测试成功状态码使用对数据在提交前进行了格式化，将其转换成的形式，此时服务端成功接收到数据。服务端无法正确解析。环境声明springBoot : 1.8java : jdk1.8IDE : IDEA 问题描述axios 表单提交，springBoot 无法接受到数据，但使用swagger测试，可...

Amos 2019-08-15 14:15 评论0 收藏0
Ajax的全面总结

摘要：实现流程创建对象打开请求地址，初始化数据发送请求数据监听回调函数状态收到服务器返回的应答结果。请求完成后回调函数请求成功或失败时均调用。 Ajax在前端开发中有着举足轻重的地位，关于Ajax的使用和注意事项一直是一个重要的话题，借此机会，本文希望对Ajax做一个全面的总结，彻底揭开Ajax的神秘面纱。一.什么是Ajax Ajax(Asynchronous JavaScript and...

lookSomeone 2019-08-20 18:54 评论0 收藏0
bodyParser中间件的研究

摘要：中间件的研究接触已有一段时间了，但最近才开始落实项目，于是使用应用生成器生成了一个应用。中间件中间件用来解析请求体，是默认使用的中间件之一。就是内建的对象之一，用来字符串化对象或解析字符串。 bodyParser中间件的研究接触nodejs已有一段时间了，但最近才开始落实项目，于是使用express应用生成器生成了一个应用。开发过程中发现ajax提交的数据无法被express正确的解...

Richard_Gao 2019-08-19 17:34 评论0 收藏0