Vue项目部署到windows服务器上遇到的几个问题和解决方法

Vue-cli项目的简单部署到阿里云windows服务器：

1)使用npm run build编译项目，得到编译后的文件dist

2)win+R打开控制面板，输入matsc打开远程连接

3)输入账号（购买的阿里云服务器的公网IP）、用户名、密码，进入远程服务器

4)将编译好的dist文件放在Tomcat/webapps内

5)在Tomcat的webapps中新建文件夹WEB_INF，在其中新建文件web.xml

问题一：Vue项目部署以后，运行Tomcat出现闪退

通过cmd运行JAVA、JAVAC，发现jar和jdk的配置没有问题，通过查看日志logs发现Redis没有启动，原因是DocBase没建文件夹，导致两个线程抢端口。

问题二：部署以后，使用Chrome浏览器打开，发现elementUI图标显示方块，查看网络请求，有两个文件报404

方法：在build/utils.js文件中，加入publicPath: ' ../../ '

问题三：项目部署到服务器，页面空白报404，index.html空白报错

方法：在config/index.js中：修改build中assetsPublicPath，其 默认值为 '/'，应改为你的项目部署到服务器中的文件路径，如我的打包好的项目是放在服务器的webapps/dist文件夹中，则改为build: {  assetsPublicPath: '/dist/', }

           在Tomcat的webapps下的项目中创建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>myword</display-name>
  <description>
     <error-code>404</error-code>
     <location>/index.html</location>
  </description>

</web-app>