vue-cli history模式實現tomcat部署報404的解決方式

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'  直接配置上包名也可以解決問題

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

鄭重聲明:本文版權包含圖片歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們([email protected])修改或刪除,多謝。

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

留言與評論(共有 0 條評論)
   
驗證碼:
彩票店