vue路由history模式部署到tomcat报404问题

最新推荐文章于 2025-03-22 02:48:38 发布

wzp6010625

最新推荐文章于 2025-03-22 02:48:38 发布

阅读量2.9k

点赞数

分类专栏： Vue

原文链接：https://www.jianshu.com/p/f607c8ad82a5?utm_campaign

版权

Vue 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何将Vue项目打包后部署到Tomcat服务器，并解决刷新页面或手动输入地址时出现的404错误。通过在meizu-shop目录下创建WEB-INF文件夹并配置web.xml，设置404错误页面重定向到index.html，实现单页应用的正确路由。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将vue项目打包后，放到tomcat上，刷新页面或者手动输入地址会报404

解决办法：

1. 项目在webapps的meizu-shop目录下

2. 在meizu-shop中新建文件夹WEB-INF，文件夹中新建web.xml

3. 配置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>Welcome to Tomcat</display-name>
  <description>
     Welcome to Tomcat
  </description>
	<error-page>
		<error-code>404</error-code>
		<location>/index.html</location>
	</error-page>
</web-app>