vue路由history模式重新整理頁面出現404問題

2021-10-01 05:39:19 字數 528 閱讀 5222

vue hash模式下,url中存在'#',用'history'模式就能解決這個問題。但是history模式會出現重新整理頁面後,頁面出現404。解決的辦法是用nginx配置一下。

nginx的配置檔案中修改

方法一:

location /

}

方法二:

vue.js官方教程裡提到的

server 

#對應上面的@router,主要原因是路由的路徑資源並不是乙個真實的路徑,所以無法找到具體的檔案

#因此需要rewrite到index.html中,然後交給路由在處理請求資源

location @router

#.......其他部分省略

}

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等外掛程式。所以...