項(xiàng)目場景：
基于vue3版本的uniapp運(yùn)行h5和微信小程序
問題描述
uniapp運(yùn)行h5請求接口成功，運(yùn)行微信小程序請求接口不成功
vite.config.ts配置proxy
import {config} from "./.env"
...
server: {
proxy: {
'/dev-api/': {
target: config.BASE_API,
changeOrigin: true,
rewrite: path => {
return path.replace(/^\/dev-api/, '')
}
},
}
},
...
.env配置請求接口域名
export const config = {
BASE_API: fn(),
}
function fn(){
//生產(chǎn)環(huán)境
if(process.env.NODE_ENV == 'production'){
return 'https://www123.net/'
}else{
//開發(fā)環(huán)境
return 'https://www123.net/'
}
}
request.ts 請求接口文件
import {config} from "./.env"
const request = (val)=>{
let url = val.url;//請求的詳細(xì)接口
return new Promise((resolve,reject)=>{
uni.request({
url: config.BASE_API+url,
...
})
})
}
原因分析：
微信小程序識別不了代理的配置
解決方案：
需要判斷當(dāng)前是h5還是微信小程序端，對請求接口文件進(jìn)行修改，其他文件不修改
request.ts 請求文件文章來源：http://www.zghlxwxcb.cn/news/detail-484090.html
import {config} from "./.env"
const request = (val)=>{
let url = val.url;//請求的詳細(xì)接口
let uniUrl = ""
//h5端
/*#ifdef H5*/
uniUrl= "/dev-api/"+ url
/*#endif*/
//微信小程序端
/*#ifdef MP*/
uniUrl= configEnv.BASE_API + url
/*#endif*/
return new Promise((resolve,reject)=>{
uni.request({
url: uniUrl,
...
})
})
}
? 踩坑不易，還希望各位大佬支持一下 \textcolor{gray}{踩坑不易，還希望各位大佬支持一下} 踩坑不易，還希望各位大佬支持一下
?? 個(gè)人主頁： \textcolor{green}{個(gè)人主頁：} 個(gè)人主頁： 沉默小管
?? 個(gè)人網(wǎng)站： \textcolor{green}{個(gè)人網(wǎng)站：} 個(gè)人網(wǎng)站： 沉默小管
?? 個(gè)人導(dǎo)航網(wǎng)站： \textcolor{green}{個(gè)人導(dǎo)航網(wǎng)站：} 個(gè)人導(dǎo)航網(wǎng)站： 沉默小管導(dǎo)航網(wǎng)
?? 我的開源項(xiàng)目： \textcolor{green}{我的開源項(xiàng)目：} 我的開源項(xiàng)目： vueCms.cn
?? 技術(shù)交流 Q Q 群： 837051545 \textcolor{green}{技術(shù)交流QQ群：837051545} 技術(shù)交流QQ群：837051545
?? 點(diǎn)贊，你的認(rèn)可是我創(chuàng)作的動力！ \textcolor{green}{點(diǎn)贊，你的認(rèn)可是我創(chuàng)作的動力！} 點(diǎn)贊，你的認(rèn)可是我創(chuàng)作的動力！
?? 收藏，你的青睞是我努力的方向！ \textcolor{green}{收藏，你的青睞是我努力的方向！} 收藏，你的青睞是我努力的方向！
?? 評論，你的意見是我進(jìn)步的財(cái)富！ \textcolor{green}{評論，你的意見是我進(jìn)步的財(cái)富！} 評論，你的意見是我進(jìn)步的財(cái)富！
如果有不懂可以留言，我看到了應(yīng)該會回復(fù)
如有錯(cuò)誤，請多多指教文章來源地址http://www.zghlxwxcb.cn/news/detail-484090.html
到了這里，關(guān)于【vue】uniapp vue3 vite代理設(shè)置問題【H5 微信小程序】的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
