uni-app 轉H5 在谷歌瀏覽器執行 跨域問題解決


背景:

1.使用HBuilderX內置瀏覽器

這個內置瀏覽器經過官方處理,不存在跨域問題,簡單易用,推薦使用。(需HBuilderX 2.6以上)
在打開頁面后,點HBuilderX右上角的預覽,即可打開內部瀏覽器。或者在運行菜單里選擇運行到內置瀏覽器也可以。

2.CORS解決跨域

  未解決跨域前 服務端代碼:

前端代碼:

uni.request({
            url: url,
            method: 'GET',
            data: data,
            header:{
                'Content-Type': 'application/json;charset=utf-8',
                'APPID':userId,
                'COMPANYID':companyId,
            },
            dataType: 'json',
            success: (res) => {
                successCallBack(res)
            },
            fail: (err) => {}
})

 

問題原因:服務端在Access-Control-Allow-Header 缺少前端傳遞的請求頭信息 APPID 和 COMPANYID 兩個參數

 

解決后服務端代碼:將APPID 和 COMPANYID放在箭頭位置

 


免責聲明!

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



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