Vue在history模式下頁面空白及404解決

2021-09-16 11:56:59 字數 429 閱讀 5127

vue路由有兩種模式一種hash(vue-router預設模式)另一種history路由

改變為history模式:

export default new router()
export default new router()
原因:

(1)history模式是h5 api的 history.pushstate,就是瀏覽器模擬了一條歷史,而真正伺服器上沒有這個路徑資源,而在 history模式下請求會把整個url傳送過去,這樣就需要保持前後端url一致否則會返回404;

(2)在預設模式hash下傳送請求#號之前的url會被包含在請求中即使後端沒有對路由的全覆蓋,也不會返回404錯誤;

乙個人的快樂,不是因為他擁有的多,而是因為他計較的少

Vue路由配置history模式

我的部落格 你可以用 script 標籤的形式引入vue.min.js 這樣的,不需要nodejs。使用node有幾件事,打包部署,解析vue單檔案元件,解析每個vue模組,拼在一起,轉碼es6,less等,啟動測試伺服器 localhost 8080,幫你管理 vue router等外掛程式。所以...

vue路由history模式配置

本篇文章給大家帶來的內容是關於vue路由history模式重新整理頁面時出現404問題的兩種解決方法,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。vue hash模式下,url中存在 用 history 模式就能解決這個問題。但是history模式會出現重新整理頁面後,頁面出現40...

Vue路由配置history模式

我的部落格 你可以用 script 標籤的形式引入vue.min.js 這樣的,不需要nodejs。使用node有幾件事,打包部署,解析vue單檔案元件,解析每個vue模組,拼在一起,轉碼es6,less等,啟動測試伺服器 localhost 8080,幫你管理 vue router等外掛程式。所以...