假设您已具备node、npm或者yarn、vue项目webpack方式打包,以及tomcat安装运行等基础环境方面的知识
1.使用webpack打包vue项目;
2.将打包生成的dist目录下的文件拷贝到tomcat/webapps/ROOT下,一般是一个index.html文件和一个static文件夹;
3.在tomcat/webapps/ROOT下创建WEB-INF目录;
4.在tomcat/webapps/ROOT/WEB-INF目录下创建web.xml文件,内容参考:
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
version="3.1" metadata-complete="true">
<display-name>Router for Tomcat</display-name>
<error-page>
<error-code>404</error-code>
<location>/index.html</location>
</error-page>
</web-app>
5.启动tomcat,通过例如:http://localhost:8080 访问项目;