vue3 manifest 配置反代理 报404
zhaoyu2020
- 发布：2023-02-23 11:46
- 更新：2023-02-24 17:22
- 阅读：498
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 11
HBuilderX类型： 正式
HBuilderX版本号： 3.6.18
浏览器平台： Chrome
浏览器版本： last
项目创建方式： HBuilderX
示例代码：
操作步骤：
vue3 manifest 配置反代理 报404
vue3 manifest 配置反代理 报404
预期结果：
不报错
不报错
实际结果：
vue3 manifest 配置反代理 报404
vue3 manifest 配置反代理 报404
bug描述：
vue3 manifest 配置反代理 报404
zhaoyu2020 (作者) - 一只小小鸟
1 去掉manifest 里的反代理
2 在项目根目录下创建 vite.config.js 并写入下面的代码
import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';
export default defineConfig({
plugins: [uni()],
server: {
port:"7075",
host: "xxx.xx.x.xxx",
proxy: {
"/api": {
"target": "http://xxx.xx.xxx",
"changeOrigin": true,
"secure": false,
rewrite: (path) => path.replace(/^\/api/, "")
}
}
}
});
zhaoyu2020 (作者)
原来的配置在 vue2 是正常的,vue3 是否需要特殊的配置
2023-02-23 12:05
zhaoyu2020 (作者)
2023-02-23 12:07
zhaoyu2020 (作者)
是否需要另外配置 vite.config.js
2023-02-23 12:08
DCloud_UNI_WZF
回复 zhaoyu2020: 注意阅读 文档
vue3 devServer 对应 vite.config.js-> server,该配置下没有webpack中的pathRewrite，对应能力为rewrite，只支持函数类型
manifest 为 json文件，所以只支持简单类型属性，如需配置 rewrite, 自行在 vite.config.js 中配置 文档
2023-02-23 14:47
zhaoyu2020 (作者)
回复 DCloud_UNI_WZF: 谢谢 ,这种方式之前也搜索到,只是想问manifest里是否能配置,在vite.config中配置不会自动生成当前IP
2023-02-24 17:19