1.【修改index.js】修改config目录下的index.js，将assetsPublicPath: '/'改为assetsPublicPath: './'，注意，有两处，都要改，不然打包部署到tomcat上面访问是一片空白；还有一点需要注意的就是，webstorm起服务时，需要改回来，不然也是不行的

image.png

2.【打包】项目文件目录下运行命令：npm run build，将项目打包好，然后当前项目目录下有一个dist文件夹，该文件夹下有一个index.html和static文件夹

image.png

3.【tomcat部署】现在，在tomcat的webapps文件夹下以项目名称新建一个文件夹，比如vue-demo，然后将index.html和static文件夹复制到vue-demo文件夹下，现在就可以启动服务器了，访问正常。

image.png