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即可访问