Version: Next

15. Vue CLI脚手架项目的部署

在项目根目录中执行命令来打包

vue run build

Vue CLI打包的项目必须在服务器上运行,不能直接双击运行

打包后项目会多出一个dist文件夹,这就是打包后的VUe脚手架生产目录,也就是直接不是目录

部署

dist文件夹放到SpringBoot项目的static目录下里或者是nginx、tomcat里

根据实际的相对路径,修改Vue脚手架项目index.html中静态资源的相对路径

使用

接下来,正常启动SpringBoot项目,访问index.html,即可正常使用