react 跨域或者react 跨域设置

最近在学习react中，使用axios发送post请求，后台一直获取不到数据，十分困扰，百度下react 跨域或者react 跨域设置，得到的答案五花八门，有的说要配置web-package的tableProxy ,有的说要用fetch 也有人说要用axios ，当然这都是对的，但是这里有个误区，为什么有的fetch可以，有的axios可以，而且根本不需要react 或者vue额外的配置。

首先：我们在后台程序中设置的跨域，采用的是过滤器Filter ，设置如下：

按照以往的经验，采用ajax发送异步请求，然后dataType=jsonp即可，可是这次因为使用的react，当然也可以使用ajax，既然已经使用了react，有就是ES6，那么就不要用以往的老办法了，但是很困扰我。后台可以接受到请求，但是就是没有数据，怎么办，思索中，

这个时候我注意到一个细节，什么？参数不是在Http Header中，payload又是什么鬼，于是我查了下payload是何方神圣，

所谓的payload，http协议中Content-type为application/x-www-form-urlencoded，这个application/x-www-form-urlencoded会将参数绑定到请求体之中，所以我们必须在后台中指定在请求体中，获取参数，而java中sringMvc采用的@RequestBody注解，但是后台报错，不过这个报错却给我了很多提示非常有用，

提示不支持application/x-www-form-urlencoded方式，那么就好办了，那你支持什么格式，text/plan ？显然也不是，那么久只有试一试appliation/json了，不过还是报错，不过没关系在后面加上;charset=UTF-8 就可以了

所以说react或者vue这种前端框架，在跨域的问题不需要做任何额外的配置，这也让想起了，之前在喝前端联调的时候，使用postMan发送请求的时候，为什么都采用raw的格式，很可能就是其它的格式不支持啊。时间有限，文笔有限，请多体谅

react 跨域或者react 跨域设置相关推荐

【react】使用代理解决跨域问题
[react]使用代理解决跨域问题参考文章: (1)[react]使用代理解决跨域问题 (2)https://www.cnblogs.com/guanpingping/p/10344197.html ...
SSO单点登录、跨域重定向、跨域设置Cookie、京东单点登录实例分析
最近在研究SSO单点登录技术,其中有一种就是通过js的跨域设置cookie来达到单点登录目的的,下面就已京东商城为例来解释下跨域设置cookie的过程涉及的关键知识点: 1.jQuery ajax跨 ...
php跨域单点登录,SSO单点登录、跨域重定向、跨域设置Cookie、京东单点登录实例分析...
SSO单点登录技术,其中有一种就是通过js的跨域设置cookie来达到单点登录目的的,下面就已京东商城为例来解释下跨域设置cookie的过程涉及的关键知识点: 1. 跨域redirect实例: te ...
ssm项目解决AJAX跨域,ssm项目跨域访问
最近使用ssm开发了一个项目,为了项目的开发速度,采用的是前后端同时开发,所以前端文件没有集成在项目中,最后在调试时涉及到了跨域.跨域的解决方法很多,我采用的是最简单的一种,代码如下: 新建一个过滤器 ...
php session 域,PHP session 跨子域问题总结
今天,做项目时候遇到个问题.之前做东西的时候session一般就直接存在数据库中这样就能解决跨域不仅仅是跨子域,但是今天遇到这个问题是,自己要在别人现有的东西上面做修改.由于仅仅是子域当时就行肯定 ...
java angularjs 跨域访问_angularjs跨域post解决方案
AngularJS实现跨域请求跨域,前端开发中经常遇到的问题,AngularJS实现跨域方式类似于Ajax,使用CORS机制.下面阐述一下AngularJS中使用$http实现跨域请求数据.Angul ...
【转】JS跨域（ajax跨域、iframe跨域）解决方法及原理详解（jsonp）
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...
JS跨域（ajax跨域、iframe跨域）解决方法及原理详解（jsonp）
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...
什么是跨域？以及跨域的解决方案！
什么是跨域跨域,是指浏览器不能执行其他网站的脚本.它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制. 同源策略限制了一下行为: Cookie.LocalStorage 和 ...

react 跨域或者react 跨域设置

react 跨域或者react 跨域设置相关推荐

最新文章

热门文章