本文介紹vue3版本瀏覽器運(yùn)行跨域配置代理設(shè)置，但是需要考慮別的端運(yùn)行情況，需要特別注意。
第一步：項(xiàng)目根目錄新建vite.config.js文件
具體配置詳見
第二步：vite.config.js文件中寫入如下配置
重要代碼如下
import { defineConfig } from "vite"
import uni from "@dcloudio/vite-plugin-uni"; // 注意此處，特別重要
export default defineConfig({
plugins: [
uni()
],
server: {
proxy: {
'/test/': {
target: '接口地址'
changeOrigin: true,
// rewrite 這個(gè)，需要根據(jù)具體項(xiàng)目進(jìn)行判斷是否需要
rewrite: path => {
return path.replace(/^\/test/, '')
}
},
}
}
})
必須引入uni,否則會提示未引入vue，安裝vue之后App.vue文件報(bào)錯(cuò)，錯(cuò)誤原因就是配置代理未引入uni
第三步：如果需要兼容多端，則需要進(jìn)行單獨(dú)判斷
此步驟根據(jù)具體項(xiàng)目而定
官網(wǎng)地址：https://uniapp.dcloud.net.cn/tutorial/platform.html#%E8%B7%A8%E7%AB%AF%E5%85%BC%E5%AE%B9文章來源：http://www.zghlxwxcb.cn/news/detail-634523.html
// #ifdef MP-WEIXIN 因?yàn)樾〕绦虿荒艽磙D(zhuǎn)發(fā)
export const baseURL = "https://www.xxx.com"
// #endif
// #ifdef H5
export const baseURL = ""
// #endif
export const timeout = 5000
參考文檔文章來源地址http://www.zghlxwxcb.cn/news/detail-634523.html
- https://blog.csdn.net/Blooming_x/article/details/127005842
到了這里，關(guān)于uniapp 跨域配置代理的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
