鍍金池/ 問答/Linux  HTML/ vue.js使用webpack2打包后（包含vue-router）在tomcat

vue.js使用webpack2打包后（包含vue-router）在tomcat上部署之后，刷新頁面就會提示404

在tomcat上部署之后點擊頁面上的鏈接可以正常跳轉(zhuǎn)，但是刷新頁面之后就變成了404錯誤。在本地測試的時候是沒有問題的。這個問題該怎么解決？tomcat該怎么配置呢？

回答
編輯回答
敢試

你的 vue-router 可能設(shè)置成了 history 模式。在這種模式下，你手動輸入 URL 后回車，或者刷新（重啟）瀏覽器，會發(fā)生 404 錯誤。

解決辦法
根據(jù) Vue-Router 官網(wǎng)說明，你要在 Tomcat 服務(wù)端增加一個覆蓋所有情況的候選資源，這樣比較暴力有效，即：無論前端請求什么 URL，后端應(yīng)該始終返回 Vue 打包好的那個 index.html 頁面。

2017年6月19日 11:15
編輯回答
亮瞎她

如果 vue-router 使用了 history 模式，那么可能需要使用 nginx，或者看 tomcat 里有沒有類似的配置：

https://router.vuejs.org/en/e...

或者把 vue-router 改為 hash 模式

2018年3月1日 10:36