因此，需要对 Vue 项目进行编译，将编译后的静态资源放在 Spring Boot 的静态资源目录下，就可以在启动 Spring Boot 应用时访问到前端页面具体来说，需要进行以下配置1 在 Vue 项目中运行 npm run build 命令进行编译。

build项目Build完成后会生成dist目录 然后在vueProject根目录下打开命令行执行如下命令生成镜像注意最后是一个点，代表在当前目录执行Dockerfile 如果没报错说明执行成功，此时可以在docker镜像列表看到该镜像启动镜像name。

5启动vue项目6点击运行调试按钮，再点击运行小图标，这时会弹出新的chrome浏览器页面7在弹出的浏览器窗口的页面进行操作，触发断点时会跳转掉vscode的断点处遇到的问题官网中的launchjson配置中quoturlquot quot。

vite的缺省端口是3000，如果需要修改这个端口，可以编辑文件packagejson，在scritps中找到启动命令，这里是dev，在vite后面增加port 5419这样，启动端口就修改为5419增加路由，可以修改route目录下的routejs文件，增加路由。