vue路由history模式轉SPA方案二選一

2021-10-13 07:25:12 字數 682 閱讀 3000

// 建立路由

const router = new vuerouter()

把dist檔案中的內容放入

(此種方式需要刪除root資料夾下的全部內容,將打包的檔案放進去,無需修改配置檔案)

找到tomcat目錄,將tomcat->root資料夾中檔案全部刪除,將打包好的dist資料夾中的檔案全部放到root資料夾中。

#內容解釋 第乙個規則是如果匹配到index.html檔案不進行重寫

rewriterule ^/index\.html$ - [l]

#第二個規則,如果請求路徑不是專案中的靜態資源,跳轉到 index.html 交給vue-router處理。

rewritecond % !-f

rewriterule (.*) /index.html [l]

4.重啟tomcat搞定

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