uniapp可以適應多個平臺開發(fā)，你會發(fā)現(xiàn)在HBuilderX上的內(nèi)置瀏覽器上調(diào)接口，沒問題；在小程序中，也沒問題；連接手機聯(lián)調(diào)也沒問題；

但是用瀏覽器比如谷歌瀏覽器，你會發(fā)現(xiàn)接口調(diào)不通，報了一個錯，就是跨域問題CORS。

20191102155217249.png

一般遇到這個問題，我們首先想到的是后臺有沒有進行設置允許跨域

當后臺設置允許跨域之后，前端h5需要進行設置反向代理才能解決這個問題。

在manifest.json文件中，我們需要輸入我們的端口號

20191106103108818.png

然后去視圖源碼下查看多了h5這個配置

20191106103348271.png

我們需要在自動生成的h5配置中進行編寫代理設置

"proxy" : {
                "/apis" : {
                    "target" : "http://xxx:9090",
                    "changeOrigin" : true,
                    "secure" : false,
                    "pathRewrite" : {
                        "^/apis" : ""
                    }
                }
            }

這里需要注意的是"target" : "http://xxx:9090", 這里是寫http還是https，需要與后臺保持一致，不然會報500.

然后我們?nèi)ナ褂梦覀兊拇?，進行帶接口

uni.request({
                     url: '/apis/xxx
                    method: 'post',
                    header:{
                        "Content-Security-Policy": "upgrade-insecure-requests"
                    },
                    data:{}
                    success: (res) => {
                        console.log(res,'kkkk')
                    }     
                })