Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Select an option

  • Save xinglongjizi/ed41a7fa919503b05b7f1171bb21156a to your computer and use it in GitHub Desktop.

Select an option

Save xinglongjizi/ed41a7fa919503b05b7f1171bb21156a to your computer and use it in GitHub Desktop.
/*
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