這篇文章為大家帶來了關於uniapp跨域的相關知識，其中介紹了為什麼會有跨域問題，這是瀏覽器的一種安全保護機制，一起來看一下相關的問題吧，希望對大家有幫助。
推薦：《uniapp教學》
由於瀏覽器的同源策略導致的，是瀏覽器的一種安全保護機制。
瀏覽器從一個網域的網頁去要求另一個網域的資源時，協定、網域、埠任一不同，都是跨網域
解決uniapp的跨網域問題有很多方式，以下總結一下常用的幾種方式
1. 使用jsonp，可在我們封裝的網路通訊中加入
dataType:'jsonp'
##總結： 但此種方式只支援get 請求，post好像用不了。
具體可參考：https://www.imooc.com/article/291931
2. 在uniapp根目錄下的manifest.json 加入
"h5": {
"devServer": {
"proxy": {
"/8888": {
"target": "https://www.baidu.com/api",
"changeOrigin": true,
"pathRewrite": {
"^/8888": "/"
}
},
"/8800": {
"target": "https://www.taobao.com/api",
"changeOrigin": true,
"pathRewrite": {
"^/8800": ""
}
}
}
}},總結： 此種方式雖然沒有其它方式靈活，但是是最適用於uniapp的，畢竟是官方提供的配置文件。
具體參考：https://uniapp.dcloud.io/collocation/manifest?id=h5
3. uniapp根目錄下新檔案vue.config.js ,然後在裡面加上
module.exports = {
devServer: {
proxy: {
'/dev': {
target: 'https://www.baidu.com/api',
changeOrigin: true,
pathRewrite: {
'^/dev': ''
}
}
},
}}總結： 此種設定方式，可能會沒用，因為vue.config.js 是vue3 才有的， vue2配置vue.config.js 是無效的。可以在 manifest.json 檔案內透過 vueVersion 欄位來查看 vue 版本。如下圖： 
具體參考：https://cli.vuejs.org/zh/config/#devserver-proxy
若是vue2 設定跨網域，可參考：https://blog.csdn .net/weixin_45679977/article/details/103004678
4. 解除Google瀏覽器的跨域限制##TASKKILL /F /IM chrome.exe
start chrome.exe --args --disable-web-security --user-data-dir
pause
記得重新啟動瀏覽器 具體參考：https://blog.csdn.net/MisTTT/article/details/75976123
#5. 它它方式(1). 直接運行在hbuilderx 的內建瀏覽器內，uniapp官方在內建瀏覽器內做過跨域處理
(2). 下載Google瀏覽器一個可支援跨域的拓展程序：https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi
#具體可參考：https://ask.dcloud.net. cn/article/35267
推薦：《
uniapp熱門教學以上是帶你去懂uniapp跨域問題（實例詳解）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
