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

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

1.npm run build 打包生成的build文件夾中內容拷貝到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'  直接配置上包名也可以解決問題

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。