vue cli部署到Tomcat上

2021-08-25 12:04:13 字數 787 閱讀 1278

首先配置專案中的config>index.js

這裡面配置了webpack的生產環境和開發環境

這裡要修改的是build物件下的屬性

這裡主要修改assetspublicpath(剩下的屬性是幹嘛的可以自行去webpack官網檢視文件),這個屬性是修改靜態資源的根路徑

一般來說是專案不會放在伺服器的根路徑 (網上有的說放到 ./ 就可以了,我只能說根據專案需要自行調整)

然後修改router的路徑

如果設定了mode:'history'就會出現乙個問題

這個時候靜態資源的路徑配好了,如果現在打包會出現乙個問題

因為我們在開發環境中所有的靜態資源都是在本地,上傳到tomcat以後就這裡的路徑就會出錯,頁面顯示404找不到靜態資源

所以我們要找到build->utils.js檔案,新新增乙個屬性就可以了

接下來就執行npm run build就可以了放到tomcat上,然後執行tomcat就可以了

有什麼不對的希望大家指點

Vue cli專案部署到Nginx

專案環境 nginx常用命令如下 nginx h 開啟幫助 nginx t 檢查配置檔案是否正確 以下命令均要先啟動nginx才能執行 nginx s stop 停止 nginx s quit 退出 nginx s reopen 重新啟動 注意不會重新讀取配置檔案 nginx s reload 重新...

vue cli專案部署到Gitee Page

為什麼不選擇github page?原因很簡單,因為gitee不用fq速度快!這步比較簡單,就不做演示了 由於使用vue cli3建立的專案隱藏了webpack的配置,所以需要該檔案來修改部分的webpack配置。檔案內容如下 vue.config.js module.exports vue div...

專案部署到Tomcat

classes資料夾拷貝到web inf資料夾根目錄下 classes資料夾包括 包.類檔案,配置檔案 lib資料夾拷貝到web inf資料夾根目錄下,用圖說話吧 1.訪問路徑是指部署在伺服器中 的訪問路徑 2.靜態資源 html img css 等的訪問路徑就是它儲存的位置 3.動態資源 serv...