Last active
June 28, 2025 03:40
-
-
Save xinglongjizi/ed41a7fa919503b05b7f1171bb21156a to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| base: 'himeetingweb3', | |
| server.proxy: { | |
| '/himeeting': { | |
| target: 'http://icanal-beta.starling.huawei.com', | |
| changeOrigin: true, | |
| }, | |
| }, | |
| base配置的himeetingweb3会影响网页的js、css、图片等静态资源的请求路径是 xxx.com/himeetingweb3/xxx.html 这种 | |
| 而proxy的 /himeeting 也匹配到了 /himeetingweb3 | |
| 导致静态资源的请求路径被代理了 | |
| 导致本地会报 Tomcat 404 | |
| 解决: | |
| proxy配置的路径匹配改成 '/himeeting/' | |
| 再来一次个示例,现象是本地vite不hmr热更新了 | |
| base: '/hiapmrolex/', | |
| proxy: { | |
| '/hiapm': { | |
| target: 'http://icanal-beta.starling.huawei.com/', | |
| secure: false, | |
| changeOrigin: true, | |
| }, | |
| } | |
| 由于配置了 `base: '/hiapmrolex/'`,导致所有静态资源请求(包括 CSS、JS 等)请求都带上了 `/hiapmrolex` 前缀。 | |
| 而代理配置中,有一个规则是 `/hiapm`,这个规则会匹配到以 `/hiapmrolex` 开头的请求(因为 `/hiapmrolex` 以 `/hiapm` 开头), | |
| 所以这些请求被代理到了线上环境,导致本地开发时实际上运行的是线上代码。 | |
| 方案:将base配置开发环境与线上环境分开 | |
| base: mode === 'development' ? '/' : '/hiapmrolex/' | |
| */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment