在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ react 跨域問題

react 跨域問題

需求：解決create-react-app創(chuàng)建項目跨多個域

練手寫個斗魚直播，用create-ract-app創(chuàng)建的項目，調(diào)用斗魚公開的API

嘗試

跨域設置:

//package.json加入
  "proxy": "http://open.douyucdn.cn",

可以訪問該域下的api。
但是這只能有一個代理，我想繼續(xù)使用其它域下的API就滿足不了需求

網(wǎng)上查到可以這樣:

//package.json中加入
  "proxy": {
    "/api/RoomApi": {
      "target": "http://open.douyucdn.cn"
    }
  },

看起來這種可以滿足需求。
npm start試一下

clipboard.png

貌似設置了代理,訪問一下看看是否成功

clipboard.png

clipboard.png

一臉茫然,

下面是相關請求信息

clipboard.png

clipboard.png

clipboard.png

問題

請問該如何設置proxy,能滿足可以調(diào)用不同域下API的需求。

回答
編輯回答
獨特范

1.首先你要確認一下你用postman直接請求斗魚的api是否成功
2.確認一下proxy代理的api最終請求路徑是否和斗魚的一致，看你這樣的配置應該是把所有的api請求都轉(zhuǎn)到了http://open.douyucdn.cn根路徑了

2017年11月1日 10:22
編輯回答
厭惡我
//package.json中加入
//some scripts
,
  "proxy": {
    "/api/RoomApi": {
      "target": "http://open.douyucdn.cn",
      "changeOrigin":true
    },
    "/api/v1":{
      "target":"http://capi.douyucdn.cn",
      "changeOrigin":true
    }
  }

加入"changeOrigin":true，使得允許跨域訪問,完美解決。
在 npmjs.com 中并未找到 package.json 關有 proxy 字段及其說明。

2018年4月29日 05:16