vue專案部署執行到tomcat上

2021-08-21 21:30:10 字數 689 閱讀 3643

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

這就很奇怪了 ,平時只要我的電腦和手機處於同一區域網環境下,使用手機訪問電腦ip:電腦埠/專案名,就可以正常訪問,現在卻不行,結果去網上搜尋,普遍的乙個解決辦法是在webstorm中通過新增乙個部署來使用的,就像是下圖一樣:

經過了好一番折騰,發現手機端可以訪問電腦端的檔案了,可是發現這是乙個坑,這樣子設定了只是說手機可以訪問電腦當前目錄的一些檔案,對於靜態檔案還好,但是這是乙個服務,那就沒辦法了。

閒話少敘,說乙個我自己的解決辦法:

1.【修改index.js】修改config目錄下的index.js,將assetspublicpath: 『/』改為assetspublicpath: 『./』,注意,有兩處,都要改,不然打包部署到tomcat上面訪問是一片空白;還有一點需要注意的就是,webstorm起服務時,需要改回來,不然也是不行的

2.【打包】專案檔案目錄下執行命令:npm run build,將專案打包好,然後當前專案目錄下有乙個dist資料夾,該資料夾下有乙個index.html和static資料夾

spring boot專案部署到Tomcat

啟動類需要繼承springbootservletinitializer重寫configure方法示例如下 public static void main string args override 修改pom.xml檔案 打包時打包為war包 packaging warpackaging 取消自帶的t...

vue專案部署到Tomcat方法

1.vue專案路由配置 專案上線,一般需要新增專案名,並且消去vue router產生的 號,需要在router的配置下,在本專案是router index.js下配置 import vue from vue import router from vue router vue.use router ...

vue專案部署到Tomcat中

1,假設你要訪問的專案名稱為 hms 3,配置config index.js檔案,build 選項裡面 設定assetspublicpath 否則訪問時會出現空白頁,頁面刷不出來。4.使用vue router的情況 當你在專案中使用vue router的時候,就需要給src router index...