?參考地址：
manifest.json官方配置文檔：manifest.json 應(yīng)用配置 | uni-app官網(wǎng)
Chrome 調(diào)試跨域問題解決方案之插件篇：
uni-app H5跨域問題解決方案（CORS、Cross-Origin） - DCloud問答
其實uni-app官方有解決跨域的辦法，官方推薦使用HBuilderX中內(nèi)置的瀏覽器去預(yù)覽，在內(nèi)置的瀏覽器中不會存在跨域問題，但是要是在Chrome 瀏覽器中預(yù)覽的話就會出現(xiàn)這個跨域問題，官方推薦使用Allow-Control-Allow-Origin: *插件的方式去解決，但是我試過這個插件，不知道是什么問題，并沒有效果，跨域問題依舊還是存在，后面再仔細(xì)的看了下文檔，看到了下面的提示。
uni-app 中 manifest.json->h5->devServer 實際上對應(yīng) webpack 的 devServer，鑒于 manifest 為 json 文件，故 webpack.config.js->devServer 配置項下的簡單類型屬性均可在manifest.json->h5->devServer節(jié)點下配置，funciton 等復(fù)雜類型暫不支持。
manifest.json?h5配置devServer,
?與vue項目webpack項目vue.config.js配置格式一樣，在ruoyi的項目在vue.config.js配置不生效。需要在此文件配置
"h5": {
"template": "template.h5.html",
"router": {
"mode": "hash",
"base": ""
},
"optimization": {
"treeShaking": {
"enable": false
}
},
"title": "porraycloudApp",
"devServer": {
"disableHostCheck": true,
"port": 8081,
"proxy": {
"/api": {
"target": "http://gh.bb.com/webapi",
"changeOrigin": true,
"secure": false,
"pathRewrite": {
"^/api": ""
}
}
}
}config.js baseUrl需要置空
調(diào)用登錄Post的接口路徑?測試
在路徑前面加：/api,用來做跨域匹配替換。
?現(xiàn)在調(diào)試跨域問題解決了。
坑2：使用阿里云的服務(wù)器，/api一直跨域不生效
如下配置是一直訪問不到服務(wù)api,原因是：
阿里云為了安全已經(jīng)禁止直接用ip訪問服務(wù)器。必須使用域名 。文章來源：http://www.zghlxwxcb.cn/news/detail-674759.html
"devServer": {
? ? ? "disableHostCheck": true,
? ? ? "port": 8081,
? ? ? "proxy": {
? ? ? ? "/api": {
? ? ? ? ? "target": "http://10.251.10.xx:80",
? ? ? ? ? "changeOrigin": true,
? ? ? ? ? "secure": false,
? ? ? ? ? ? "pathRewrite": {
? ? ? ? ? ? ? "^/api": ""
? ? ? ? ? ? }
? ? ? ? }
? ? ? }文章來源地址http://www.zghlxwxcb.cn/news/detail-674759.html
到了這里，關(guān)于Aidex 移動端快速開發(fā)框架# RuoYi-Uniapp項目，uniapp vue app項目跨域問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
