tomcat部署vue项目，刷新报错404解决办法

以你之姓@ 2023-02-16 10:53 7阅读 0赞

1.tocmat的webapps下的项目中创建WEB-INF文件夹，在文件夹中创建文件web.xml

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rhbmdjdg_size_16_color_FFFFFF_t_70][]

![20200609161736738.png][]

2.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>Router for Tomcat</display-name>
      <error-page>
      <error-code>404</error-code>
      <location>/index.html</location>
      </error-page>
    </web-app>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rhbmdjdg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200609161713799.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rhbmdjdg==,size_16,color_FFFFFF,t_70
[20200609161736738.png]: https://img-blog.csdnimg.cn/20200609161736738.png

发表评论取消回复

表情：

评论列表（有 0 条评论，7人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue或react项目部署到服务器刷新报404

项目部署到服务器上，正常跳转是可以显示的，但是刷新就报404 解决方案修改路由模式为hash 把路由模式改成hash模式修改Nginx配置 lo

谁借莪１个温暖的怀抱￠/ 2024年04月08日 11:13/ 0 赞/ 64 阅读

相关 IIS部署VUE刷新404问题如何解决？

> 新建Web.Config文件，写入以下内容，将文件放入到dist根目录中的。 <?xml version="1.0" encoding="UTF-8"?>

深藏阁楼爱情的钟/ 2023年09月30日 12:10/ 0 赞/ 23 阅读

相关 nginx部署前端项目后刷新浏览器报错404

问题： Vue项目打包部署Nginx服务器后，刷新页面后出现404的问题。原因：加载单页应用后路由改变均由浏览器处理，而刷新时将会请求当前的链接，而Nginx无法找到对应

深碍√TFBOYSˉ_/ 2023年09月23日 18:35/ 0 赞/ 153 阅读

相关 Nginx 部署去掉 # 的Vue 项目（解决刷新后访问 404）

> http { > include mime.types; > default_type application

阳光穿透心脏的1/2处/ 2023年06月18日 04:53/ 0 赞/ 1 阅读

相关 Nginx部署Vue项目刷新页面404

vue项目router用的是history模式，用nginx代理服务器部署后只能看到主页，刷新或跳转其他页面就会出现404。解决方法：修改nginx.conf配置文件，将客

柔情只为你懂/ 2023年02月21日 06:45/ 0 赞/ 30 阅读

相关 tomcat部署vue项目，刷新报错404解决办法

1.tocmat的webapps下的项目中创建WEB-INF文件夹，在文件夹中创建文件web.xml ![watermark_type_ZmFuZ3poZW5naGVpdGk

以你之姓@/ 2023年02月16日 10:53/ 0 赞/ 8 阅读

相关 vue项目部署后，二级路由刷新业务报404

1、现象我是前后端分离开发，前端采用的是vue+Element+axios;用的vue-cli脚手架创建的项目架构。在开发环境上已经可以正常运行；

喜欢ヅ旅行/ 2022年12月27日 06:28/ 0 赞/ 325 阅读

相关 idea部署web项目到tomcat报错404解决

首先要确定部署web项目的步骤正确 1、新建好web模块后，在module里面要添加进去 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5

柔光的暖阳◎/ 2022年10月31日 10:54/ 0 赞/ 232 阅读

相关 nginx部署vue项目刷新404

测试3 location / { root /usr/local/openresty/nginx/html/test3; i

女爷i/ 2022年10月09日 00:30/ 0 赞/ 68 阅读

相关 Vue项目webpack打包部署到Tomcat，刷新报404错

遇到的问题使用webpack打包vue后，将打包好的文件，发布到Tomcat上，访问成功，但是刷新后页面报404错。在网上查找了一下，原来是HTML5 Histor

本是古典何须时尚/ 2021年09月15日 10:30/ 0 赞/ 511 阅读