uni-app H5跨域設定(本地除錯可用)

胡田新發表於2020-12-07

注意 :這個方法只能本地除錯使用

釋出後需要跨域 需要設定伺服器允許跨域 我只會C#的 

首先找到 manifest.json 這個檔案,在專案目錄的src資料夾下,新增 "h5" 節點

 "h5": {

     "devServer": {

          "port": 8080,

          "disableHostCheck": true,

          "proxy": {

              "/dpc": {

                  "target": "https://我的域名.com",

                  "changeOrigin": true,//允許跨域

          "secure": false,// 設定支援https協議的代理

                  "pathRewrite": {

                     "^/dpc": ""

                }

            }

         }

     }

 }


然後發起請求,注意:原來的 "https://我的域名.com" 需要替換成 "/dpc"

 url: '/dpc/api/v1/test"', 

    success: (res) => {

        console.log(res.data)

   }

})


檢視請求路徑,由 "https://我的域名/api/v1/test" 

變為了 ",成功返回資料,問題解決 ~


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31486267/viewspace-2740038/,如需轉載,請註明出處,否則將追究法律責任。

相關文章