本文介绍vue3版本浏览器运行跨域配置代理设置,但是需要考虑别的端运行情况,需要特别注意。
第一步:项目根目录新建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 这个,需要根据具体项目进行判断是否需要
rewrite: path => {
return path.replace(/^\/test/, '')
}
},
}
}
})
必须引入uni,否则会提示未引入vue,安装vue之后App.vue文件报错,错误原因就是配置代理未引入uni
第三步:如果需要兼容多端,则需要进行单独判断
此步骤根据具体项目而定
官网地址:https://uniapp.dcloud.net.cn/tutorial/platform.html#%E8%B7%A8%E7%AB%AF%E5%85%BC%E5%AE%B9文章来源:https://www.toymoban.com/news/detail-634523.html
// #ifdef MP-WEIXIN 因为小程序不能代理转发
export const baseURL = "https://www.xxx.com"
// #endif
// #ifdef H5
export const baseURL = ""
// #endif
export const timeout = 5000
参考文档文章来源地址https://www.toymoban.com/news/detail-634523.html
- https://blog.csdn.net/Blooming_x/article/details/127005842
到了这里,关于uniapp 跨域配置代理的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!