vue router 刷新404问题

2024年1月8日 205次阅读 来源: jrue

1. 问题描述

  • 单页面应用的vue项目，设置router模式为history。可以跳转但刷新了页面，则显示为404。

  • vue-router的默认hash模式使用URL的hash来模拟一个完整的URL，当URL改变时，页面不会重新加载。但是这种hash很丑，也不符合对URL的使用习惯。所以，需要使用另外一个叫history模式来实现URL跳转而无须重新加载页面。

    export default new Router({
    mode: "history",
    routes: [# other code ]
)}

2. Apache服务器配置

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.html$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.html [L]  
</IfModule>

3. nginx服务器配置

location / {
    try_files $uri $uri/ /index.html;
}
    原文作者：jrue
    原文地址: https://segmentfault.com/a/1190000017803870
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞