如果接口地址为: 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 答疑 https://www.html.cn/qa/react/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/react/15927.html