从Vue CLI迁移至Vite+Spring Boot后端，开发服务器运行异常求助

Webpack（vue-cli）集成实现步骤 #

• 构建配置：设置outputDir，将构建产物输出到Spring Boot项目类路径下的/static/dist/目录，静态资源可通过/dist/...访问；同时将publicPath设为/dist/，保证生成的index.html中资源URL正确。
• 路由与后端转发：配置Vue Router启用HTML5 history模式，设置baseUrl为/vue/（不能是/或/dist/）；在Spring Boot中配置请求转发，将所有匹配/vue/**的请求转发至/dist/index.html，由Vue Router处理URL路由。
• 开发模式表现：使用内置dev server时，热重载（HMR）功能正常，通过配置dev server代理可正常与Spring Boot后端通信。

Vite迁移后的问题 #

将上述构建与路由使用不同baseUrl的配置迁移到Vite后，生产环境运行正常，但开发模式下出现以下问题：

• 刷新浏览器时会提示：The server is configured with a public base URL of /dist/ - did you mean to visit /dist/vue/ instead?
• 难以像Webpack那样配置通用代理，且配置后容易破坏Vite原本正常的热重载功能。

内容的提问来源于stack exchange，提问作者bgraves