tomcat執行vue專案,重新整理後報404

2021-10-23 09:10:18 字數 370 閱讀 3524

vue是單頁面應用,當router使用history模式,url是和正常的url差不多的,但vue-router設定的路徑是虛擬路徑,當後台沒有配置支援時,重新整理會返回404錯誤。

解決辦法:tomcat的dist目錄新增web-inf資料夾,並新增檔案web.xml

配置error-page,若報404則指向index.html頁面,這個剛好就是前端專案的入口頁面。

切記:vue專案中新增notfound頁面,以防訪問乙個的確不存在的路徑返回到入口頁面。

}

vue專案部署執行到tomcat上

使用webstrorm開發vue前端工程專案時,使用命令npm run dev開啟服務,可以通過訪問電腦ip 電腦埠實時預覽頁面,當時我在想使用手機端來除錯頁面時,發現即使手機與電腦處於同一區域網環境下,仍然無法訪問。這就很奇怪了 平時只要我的電腦和手機處於同一區域網環境下,使用手機訪問電腦ip 電...

Vue專案實現頁面重新整理

前言 最近在做前端專案的時候,需要對頁面進行重新整理,在當時這個問題對於自己來說還算是比較難的,後來經過了一系列的研究之後,終於解決了這個問題,今天來記錄一下!經過 provice和inject結合的方法,解決頁面重新整理有很多的方法,相比之下,這種方法的體驗更加的好,所以就只介紹這一種方案。isr...

vue專案執行

執行vue專案需要 1 node.js環境 npm包管理器 2 vue cli 腳手架構建工具 3 cnpm npm 的 映象 一 安裝node.js 安裝完成之後,開啟命令列工具,輸入node v,出現相應的版本號,則說明安裝成功 npm 包管理器,是整合在 node 中的,所以直接輸入 npm ...