react跨域问题怎么解决？

react跨域问题怎么解决？

如果接口地址为: http://my.example.com/eg-api 则配置package.json中的proxy代理服务器如下：

"proxy": {
   "/eg-api": {
      "target": "http://my.example.com",
      "changeOrigin": true,
      "secure": false
    }
}

如果想调用多个不同域的接口，则配置如下：

"proxy": {
   "/eg-api01": {
      "target": "http://my.example.com",
      "changeOrigin": true,
      "secure": false
    },
   "/eg-api02": {
      "target": "http://her.example.com",
      "changeOrigin": true,
      "secure": false
    }
}

补充：

跨域这个问题，是纯前端无法解决的。

1、JSONP处理跨域，一般这个方法是为了兼容老版本ie，因为ie9及以下不能使用CORS，而JSONP也需要后台支持才可以。

2、服务器做重定向，或者代理，或者穿透等等技术，这些都超越了前端的能力范围。

3、XMLHttpRequest。需要和后台进行请求头设置，具体方法可以百度

综上所述，跨域问题与框架无关，也不是前端能独立解决的。

本文来自React答疑栏目，欢迎学习！

以上就是react跨域问题怎么解决？的详细内容，更多请关注0133技术站其它相关文章！