vue路由history模式刷新404问题解决方案

本文探讨了在Vue应用中遇到路由history模式刷新后出现404错误的问题,提供了两种解决方案:一是通过配置nginx进行修复;二是针对Tomcat服务器,详细说明了如何在webapps目录下创建WEB-INF及web.xml文件来解决这个问题。
摘要由CSDN通过智能技术生成

1.使用nginx的方法

 server {
          listen 8168;
           server_name  localhost;

         location / {
            root   /opt/apache-tomcat-8.5.8/XXX/webapps/ROOT;

            index index.html;
            try_files $uri $uri/ @router;
            index index.html;
          #  proxy_pass http://192.168.0.35:8167/;

         }
         location @router {

           rewrite ^.*$ /index.html last;                                                                                        }


     }

2.tomcat配置方式:
webapps目录下创建WEB-INF,创建web.xml文件。

在这里插入图片描述

/webapps/ROOT/WEB-INF# ls -l
total 4
-rw-r–r-- 1 server2 sever2 477 Aug 17 21:01 web.xml

其中web.xml方法里放的内容

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值