vue-cli history模式實現(xiàn)tomcat部署報404的解決方式

vue-cli開發(fā)過程中路由#不好看，去掉可使用history模式，開發(fā)模式路徑訪問都沒問題，部署到服務器之后訪問路徑時報404，這種情況需要配置服務器默認訪問路徑index.html.官網(wǎng)只提供了apache、nginx的配置方式，沒有tomcat的配置方式，下面以個例子來完成整個配置。

范例：vue-cli項目使用路由，tomcat作為服務器，項目文件夾名myvue

1.npm run build 打包生成的build文件夾中內(nèi)容拷貝到myvue文件夾如下圖：

2.myvue文件夾下新建WEB-INF/web.xml 其中添加404錯誤跳轉路徑如下圖：

3.vue-cli項目config/index.js 配置assetsPublicPath:'/myvue/' 項目包名稱

4.vue-cli項目src/router/index.js 配置mode:'history',base:'/myvue/'

以上vue-cli配置與tomcat部署都ok后，啟動tomcat服務器，訪問路徑項目名myvue，ok可以正確訪問了，

如果不設置服務器的index.html，也可以直接在vue-cli項目src/router/index.js 里 path:'/myvue/order-search'  直接配置上包名也可以解決問題

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com