vue项目webpack打包部署到tomcat服务器

vue项目webpack打包部署到tomcat服务器

步骤如下:

修改vue.config.js配置

1、打包前修改项目下的vue.config.js文件下的:publicPath: ‘./’(修改前为:publicPath: ‘/’)
2、在vue项目Terminal终端输入:

打包正式环境

npm run build:prod

打包预发布环境

npm run build:stage

命令行运行结束,webpack打包结束
打包好后 项目目录下会生成一个 dist 文件夹

3、在tomcat下的webapps文件夹下新增项目文件夹如vueNoise,
将dist文件下的所有文件copy到vueNoise下即可。

4、启动tomcat服务器,访问http://localhost:8080/vueNoise即可访问
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_41497443/article/details/106433440