vue去掉#號,或者刷新頁面出現404解決辦法


vue路由去掉#號

image

刷新出現404的解決辦法

配置nginx:
image

為什么本地不會這種問題:

因為vue-cli使用了: historyApiFallback
而vue-cli是基於webpack實現的: webpack源碼里默認開啟了 historyApiFallback
image

historyApiFallback

  • historyApiFallback是開發中一個非常常見的屬性,它主要的作用是解決SPA頁面在路由跳轉之后,進行頁面刷新
    時,返回404的錯誤。
  • boolean值:默認是false
    • boolean值:默認是false
  • boolean值:默認是false
    • 可以配置from來匹配路徑,決定要跳轉到哪一個頁面;
  • 事實上devServer中實現historyApiFallback功能是通過connect-history-api-fallback庫的:
    • 可以查看connect-history-api-fallback 文檔image


免責聲明!

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



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