"h5" : {
"devServer" : {
"proxy" : {
"/test" : {
"target" : "接口链接",
"changeOrigin" : true,
"logLevel":"debug",
"pathRewrite" : {
"^/test" : "/api"
}
}
}
}
}
1***@qq.com
- 发布：2022-09-22 12:47
- 更新：2022-09-22 15:51
- 阅读：1323
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 21H2
HBuilderX类型： 正式
HBuilderX版本号： 3.6.3
浏览器平台： Chrome
浏览器版本： 105.0.5195.127
项目创建方式： HBuilderX
示例代码：
操作步骤：
在vue3的版本中设置h5跨域，然后设置pathRewrite重写路径。
在vue3的版本中设置h5跨域，然后设置pathRewrite重写路径。
预期结果：
pathRewrite重写路径成功，接口代理成功
pathRewrite重写路径成功，接口代理成功
实际结果：
pathRewrite重写路径不成功，接口代理失败
pathRewrite重写路径不成功，接口代理失败
bug描述：
- uni-app使用vue3版本创建项目，在manifest.json中配置h5跨域。设置pathRewrite重写路径不生效，设置logLevel打印日志，在终端里面没有反应。
- 在vue2的版本中试了一遍，pathRewrite和logLevel生效
1***@qq.com (作者)
问题解决方案：
原因:uni-app中vue3是使用vite进行打包的，而配置文件manifest.json中的跨域是支持webpack。所有在这里面配置跨域重写路径是不成功的。
方法:因为vue3是使用vite打包的，所有我们直接新建vite.config.js文件，在这个里面来设置跨域。
因为是在uni-app中，所以vite.config.js文件中的plugins也要配置成uni的，具体可以看uni-app官方文档中的vite.conig.js配置
2022-09-23 10:17