uni-app H5跨域設定(本地除錯可用)
注意 :這個方法只能本地除錯使用
釋出後需要跨域 需要設定伺服器允許跨域 我只會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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 設定谷歌瀏覽器跨域(本地除錯可用)谷歌瀏覽器跨域除錯
- vue 本地除錯跨域---帶cookies(axios)Vue除錯跨域CookieiOS
- egg 設定跨域白名單跨域
- CROS跨域請求設定,偏重前端ROS跨域前端
- 【Angular】設定代理解決跨域問題Angular跨域
- Oracle設定和刪除不可用列Oracle
- PHP 設定多域名允許跨域訪問PHP跨域
- 阿里雲圖片跨域訪問設定阿里跨域
- 線上本地除錯大觀除錯
- VS設定release版本可除錯除錯
- remix合約除錯設定pinfoREM除錯
- 解決uniapp h5 本地代理實現跨域訪問及如何配置開發環境APPH5跨域開發環境
- uni-app 模擬機除錯環境搭建APP除錯
- 關於 Laravel 設定跨域的中介軟體整理Laravel跨域
- h5與安卓和ios除錯H5安卓iOS除錯
- 本地除錯PERL CGI程式(轉)除錯
- 本地除錯遠端服務除錯
- debug技巧之本地除錯除錯
- VS - 打斷點/本地除錯/遠端除錯 問題斷點除錯
- 前端react-umi-dev-----------本地proxy跨域代理配置前端Reactdev跨域
- 跨域資源共享配置錯誤跨域
- H5 移動除錯全攻略H5除錯
- JavaScript跨域(1):什麼是跨域,如何跨域JavaScript跨域
- 跨域問題(普通跨域和springsecurity跨域)跨域SpringGse
- (問一下)vue端的跨域配置怎麼設定Vue跨域
- springboot設定cors跨域請求的兩種方式Spring BootCORS跨域
- uni-app h5釋出iis部署APPH5
- 設定連結a可用和不可用
- (3)跨時鐘域設計
- git刪除本地分支出現錯誤Git
- ORACLE FORM 10G本地程式除錯OracleORM除錯
- phpstudy中apache設定跨域(頭部請求模組開啟)PHPApache跨域
- 解決Django本地介面不能跨域訪問的問題Django跨域
- 跨域跨域
- 跨域原理以及跨域解決方案跨域
- vue 音樂App QQ音樂搜尋列表最新介面跨域設定VueAPP跨域
- Xcode 9 設定 iOS無線真機除錯XCodeiOS除錯
- Chrome 中的 JavaScript 斷點設定和除錯技巧ChromeJavaScript斷點除錯