React的fetch出现跨域问题Access-Control-

2018-10-16  本文已影响0人  OlyLis

错误信息是服务器端头部匹配时出现不匹配现象,即未设置Access-Control-Allow-Origin。

解决跨域一般采用下面几种方法:

1.JSONP方式解决跨域问题

jsonp解决跨域问题是一个比较古老的方案(实际中不推荐使用),其中jsonp只能是“GET”请求,不能进行较为复杂的POST和其它请求。

另外fetch不支持JSONP,于是有了这个fetch-jsonp

2.CORS解决跨域问题

CORS需要浏览器和服务器同时支持。其中通信的关键是服务器,要想跨源通信,服务器必须实现CORS接口。

3.代理请求方式解决接口跨域问题

代理请求主要是对接口进行代理,前端ajax请求的是本地接口,本地接口接收到请求后向实际的接口请求数据,然后再将信息返回给前端,node.js即可代理。

4.浏览器插件

谷歌浏览器跨域插件:Allow-Control-Allow-Origin

上一篇 下一篇

猜你喜欢

热点阅读