1.問題
Vue的router默認是hash模式,在hash模式下,是會有#號在URL上,如你訪問: https://crmeb.tech.com,實際跳轉 https://crmeb.tech.com/#login
即它在路由時,在每個路徑前面都會帶個#,刷新時可能還會導致 404
2.解決方法
- 修改Vue配置的路由方式
- 如圖,在router的index.js頁面內,mode默認是 hash,修改為history
- 如圖,在router的index.js頁面內,mode默認是 hash,修改為history
- 修改NGINX配置文件
如圖nginx配置里添加如下一行
try_files $uri $uri/ /index.html;
此時再訪問,URL中就沒有#了,刷新也不會出現404~