vue项目 刷新 404

博客介绍了Vue Router中去掉URL里#号的方法。Vue Router的mode默认是hash,可将其改为'history'去掉#号,但会导致服务器找不到资源文件的问题。解决办法一是配置服务器,如修改nginx.conf并重启加载配置;二是保留哈希值。

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

vue router  mode 默认为hsas, 这样的url中带有#,让有强迫症的人很不爽,可以修改

const router = new Router({
mode: 'history'
});
mode: 'history'就能去掉#号,不过这样也导致一个问题,就是想服务器上因为没有# 直接去找资源文件,肯定是没有的

要嘛去配置服务器

nginx,修改nginx.conf

       location / {
             try_files $uri $uri/ @router;
             index index.html;
         }
        location @router {
            rewrite ^.*$ /index.html last;
        }

nginx -s reload,重启加载配置。就可以了。

要嘛就老老实实的加载哈希值

原文:https://blog.youkuaiyun.com/qq_37942845/article/details/81103129 
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值