Vue下路由History mode 出現404,無法正常刷新


在History mode下,如果直接通過地址欄訪問路徑,那么會出現404錯誤,這是因為這是單頁應用(廢話)…其實是因為調用了history.pushState API 所以所有的跳轉之類的操作都是通過router來實現的,解決這個問題很簡單,只需要在后台配置如果URL匹配不到任何靜態資源,就跳轉到默認的index.html。具體配置如下:

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>

nginx

location / {
  try_files $uri $uri/ /index.html;
}

 參考:https://blog.csdn.net/xjlinme/article/details/74783887


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM