首页 > 其他 > 详细

Tomcat 配置vue history模式

时间:2020-02-26 15:39:54      阅读:390      评论:0      收藏:0      [点我收藏+]

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配置中 修改配置

 技术分享图片

Tomcat 配置vue history模式

原文:https://www.cnblogs.com/tg666/p/12367222.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!