Tomcat部署vue前端项目

假设您已具备node、npm或者yarn、vue项目webpack方式打包，以及tomcat安装运行等基础环境方面的知识1.使用webpack打包vue项目；2.将打包生成的dist目录下的文件拷贝到tomcat/webapps/ROOT下，一般是一个index.html文件和一个static文件夹；3.在tomcat/webapps/ROOT下创建WEB-INF目录；4.在tom...

dbangel

1433人浏览 · 2019-10-12 09:40:19

dbangel · 2019-10-12 09:40:19 发布

假设您已具备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 访问项目；