Tomcat部署vue单页面项目
Tomcat部署vue单页面项目
- 将vue项目打包，会生成一个dist文件夹
npm run build
- 将dist文件夹中的内容复制到Tomcat的webapps/ROOT目录下（Tomcat默认的根目录就是webapps/ROOT目录）
- 启动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。
