uniapp vue3版本浏览器运行跨域配置代理
最近接触到一个小程序转h5的项目,通过转换工具将小程序项目转成uniapp项目之后,默认vue版本为vue2,但由于对接第三方sdk必须使用vue3编译器,所以将vue版本升级到3,修改一些差异点之后开始调试之旅,原先vue2配置的代理升级之后失效,根据网上的方法添加vite.config.js文件配置也无效,所以创建了一个新的vue3项目,并配置代理测试网络请求,成功!
import {
defineConfig
} from "vite"
import uni from "@dcloudio/vite-plugin-uni";
export default defineConfig({
plugins: [
uni()
],
server: {
proxy: {
'/dev/': {
target: 'https://hf.verycloud.cn:8888/basic-api',
changeOrigin: true,
rewrite: path => {
return path.replace(/^\/dev/, '')
}
},
},
port : 8081
}
})
必须引入uni,否则会提示未引入vue,安装vue之后App.vue文件报错,错误原因就是配置代理未引入uni(排坑炸裂!)