在window系统本地使用tomcat服务器部署打包好的前端项目

一：先下载tomcat

tomcat.apache.org/

下完完毕后随便找个位置进行解压

webapps就是我们存放前端打包好的项目的位置。

如图就是我的前端项目，文件夹的名称就是你的项目名称

接下来需要去配置一下前端的config，打包后的系统访问路径必须和你的文件夹名称一致

在packge.json里面配置打包命令添加 production环境

同时，如果你的路由是使用的history模式的话，你还必须配置router的base为你的 tomcat的文件夹名称

最后，最重要的是。要在你的新建的服务里面添加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>

这样，前端采用的history模式，部署到服务器上的时候，点击刷新就不会出现get 不到页面的情况。