Tomcat部署vue单页面项目

1. 将vue项目打包，会生成一个dist文件夹

npm run build

2. 将dist文件夹中的内容复制到Tomcat的webapps/ROOT目录下（Tomcat默认的根目录就是webapps/ROOT目录）
3. 启动Tomcat，浏览器访问 http://localhost:8080/ 即可

注意：
由于npm run build打包生成的index.html文件中，引入的css和js都是基于根目录的，
像这样<script src=/js/app.a9514e70.js></script>,
所以不能将dist文件夹中的内容放到webapps目录的其它文件夹下，然后通过 http://localhost:8080/文件夹名称/ 访问，
因为这样无法导入css和js。

Tomcat部署vue单页面项目

原文：https://www.cnblogs.com/yloved/p/13089169.html