vue項目打包部署到linux tomcat服務器，解決一刷新就報錯404問題

1.部署到服務器前，更改webpack配置，修改index.js中以下配置
2.運行npm run build 或者cnpm run build命令，打包完成後，在項目的根目錄dist文件下生成了如下文件：
3.tomcat的webapps創建文件夾：這裏以文件夾名“demo”示例
將static文件夾和index.html複製到demo文件夾，不出意外，這個時候瀏覽器輸入：http://服務器IP:tomcat端口號/demo 已經可以打開首頁了，但是發現頁面中的路由訪問不了，其他頁面都打不開，如下配置路由即可。
4.這個時候頁面的其他路由可以正常使用了，但是除了首頁，一刷新瀏覽器，出現404錯誤，解決方式：在tomcat webapps下項目demo文件夾下新建WEB-INF文件夾，在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">
	<error-page>
		<error-code>404</error-code>
		<location>/index.html</location>
	</error-page>
</web-app>

直接複製過去，其他不用改，再次刷新，404問題解決。
5.font-awesome訪問失敗，icon無法顯示，繼續修改build/util.js
再次打包，重新部署，這時候項目可以正常訪問了。

以上記錄vue項目編譯打包部署到linux服務器的過程以及填坑過程，僅供大家參考！