Tomcat 配置Vue history模式

Tomcat 配置Vue  history模式 

近日 , 在使用 Tomcat 部署Vue項目時 , 刷新項目出現404的異常 . 

緣由是 Vue使用了history模式 , 而tomcat沒有相關配置 

 

1.Vue項目添加文件夾 WEB-INF , 在此文件夾中添加文件: web.xml 

 

2.web.xml文件內容以下:

<?xml version="1.0" encoding="ISO-8859-1"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" version="3.0" metadata-complete="true">

  <display-name>webapp</display-name>
  <description> webapp </description>
  <error-page>  
   <error-code>404</error-code>  
   <location>/</location>  
</error-page>  
</web-app>

 3.配置前端 , 在 route -->index.js配置中 修改配置

 

 完