美文网首页
React的fetch出现跨域问题Access-Control-

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

作者: OlyLis | 来源:发表于2018-10-16 16:14 被阅读0次

    错误信息是服务器端头部匹配时出现不匹配现象,即未设置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

    相关文章

      网友评论

          本文标题:React的fetch出现跨域问题Access-Control-

          本文链接:https://www.haomeiwen.com/subject/gqbupttx.html