vue dist包部署到碼雲Page服務

2021-10-07 10:01:17 字數 835 閱讀 1051

實在不想買伺服器,於是打算把vue專案部署到碼雲的page服務上試試,但是預設配置部署到碼雲上靜態檔案回404無法訪問

故需配置webpack

前端必須接入線上的後台服務api

根目錄新建vue.config.js

dist包應與專案分開上傳到碼雲,建議在dist中git init 這樣可以隨時更新dist包的內容,那麼此時每次打包前並不需要清除dist包,因為每次清除dist包會將dist包中的.git檔案清除,會導致dist包的git記錄丟失,所以需要把打包前清除dist包外掛程式禁用。

禁用打包前清除dist包外掛程式:

在pageage.json檔案中:

"scripts": ,
再打包: 

npm run build
打包後將dist上傳到碼雲

選擇page服務

更新後,**位址即可使用

注意:page服務無論是選擇http還是https開頭,必須和後台服務保持一致,否則會引起請求block:mixed-content的問題,導致無法訪問後台介面

docker部署war包到阿里雲

最近買了個阿里雲伺服器,配置1核2g記憶體,學習夠了。記錄下過程。1,伺服器相關,請看下圖,雲伺服器主要配置是安全組和金鑰,前者是開放埠,後者可以用於遠端連線 比如我windows系統通過putty遠端連線linux主機 2,伺服器安裝docker,pull tomcat和mysql映象 如dock...

上傳專案到碼雲

首先在碼雲上面新建乙個專案。在新建專案時可以不選擇新增readme.md檔案,因為後面可以新建 然後,進行如下操作 1.首先在碼雲上覆制你的https位址。在電腦上新建乙個資料夾。使用 git clone 再加 位址。獲取到遠端倉庫。在把專案複製到該目錄下。在執行下面的命令。2.git全域性設定 g...

上傳專案到碼雲

首先在碼雲上面新建乙個專案。在新建專案時可以不選擇新增readme.md檔案,因為後面可以新建 然後,進行如下操作 1.首先在碼雲上覆制你的https位址。在電腦上新建乙個資料夾。使用 git clone 再加 位址。獲取到遠端倉庫。在把專案複製到該目錄下。在執行下面的命令。2.git全域性設定 g...