React項目中跨域問題的解決方案


  剛剛找到到通過creat-react-app創建的項目中跨域問題的解決方案,記錄下來以備后用。

  如果接口地址為:    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
    }
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM