原文:Vue pc端項目打包后在nginx中無法正常瀏覽,點擊頁面出現404

最近寫了一個PC端項目,在打包上線時遇到一個問題,在nginx打包后在線上預覽網站刷新頁面時會報 錯誤,點擊某些商品也會報 錯誤,經過查找原因發現是因為當時把路由模式設為了 history路由 只需要將路由轉為hash即可 兩種路由的具體說明 hash 即地址欄URL中的 符號 此hsah 不是密碼學里的散列運算 。 比如這個URL:http: www.abc.com hello, hash 的值 ...

2020-05-12 20:00 0 710 推薦指數:

查看詳情

解決webpack打包vue項目,部署完成,刷新頁面頁面404

1.url不動式url完全不動,即你的頁面怎么改變,怎么跳轉url都不會改變。這種情況的原理 就是純ajax拿到頁面替換原頁面的元素,刷新頁面就是首頁 2.帶hash(#)式這種相對於第一種的話刷新頁面頁面不會丟失 實現原理寫一個window事件我監聽url的變化,那我就能實先路由 ...

Wed Sep 04 19:17:00 CST 2019 0 2318
Vue下路由History mode 出現404無法正常刷新

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

Mon Sep 10 23:25:00 CST 2018 0 909
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM