vue 路徑中帶#號的問題


1.問題

Vue的router默認是hash模式,在hash模式下,是會有#號在URL上,如你訪問: https://crmeb.tech.com,實際跳轉 https://crmeb.tech.com/#login

即它在路由時,在每個路徑前面都會帶個#,刷新時可能還會導致 404

2.解決方法

  • 修改Vue配置的路由方式
    • 如圖,在router的index.js頁面內,mode默認是 hash,修改為history
  • 修改NGINX配置文件

如圖nginx配置里添加如下一行 

try_files $uri $uri/ /index.html;



此時再訪問,URL中就沒有#了,刷新也不會出現404~


免責聲明!

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



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