本篇的重點(diǎn)在于解決h5/小程序/app這三端在本地和生產(chǎn)環(huán)境的網(wǎng)絡(luò)請求問題
全部代碼貼在了全文最后
思路：
首先要理解這三個端的特性，h5會有跨域問題需要反向代理，小程序和app不需要反向代理，同時小程序還得用https域名。
一、h5，
一般會跨域需要反向代理。所以要在mainifest.json設(shè)置反向代理。在請求接口時，還得拼個/api前綴
// 配置代理
"devServer" : {
"proxy" : {
"/api" : {
"target" : "http://192.168.1.193:8999",
"changeOrigin" : true, //是否跨域
"secure" : false, // 設(shè)置支持https協(xié)議的代理
"pathRewrite" : {
"^/api" : ""
}
}
}
}
let url ='/api/system/login'
本地調(diào)試是loacalhost:808幾，
正式環(huán)境的話，會變成ip或域名前綴+/api/system/login，后端需要配置一下nginx代理，將api替換一下
二、小程序
不需要反向代理，直接請求。所以請求接口不需要拼api前綴。
但需要https域名，所以本地環(huán)境測試時開啟‘不校驗合法域名……’
1.在微信開發(fā)者工具，點(diǎn)擊詳情>本地設(shè)置
2.開啟‘不校驗合法域名……’
文章來源：http://www.zghlxwxcb.cn/news/detail-499085.html
在微信公眾平臺https://mp.weixin.qq.com/ ，掃碼登錄小程序，點(diǎn)擊開發(fā)>開發(fā)管理，找到服務(wù)器域名，
文章來源地址http://www.zghlxwxcb.cn/news/detail-499085.html
// #ifdef MP
if (process.env.NODE_ENV === 'development') {
BASE_URL = "http://192.168.1.193:8999"
到了這里，關(guān)于uni-app的h5/小程序/app 網(wǎng)絡(luò)請求，解決本地環(huán)境和生產(chǎn)環(huán)境網(wǎng)絡(luò)請求問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
