nestjs專案打包部署其實非常簡單
通常的nodejs專案我們都是直接執行一下npm run build 操作,然後生成乙個dist 資料夾
然後直接將dist資料夾放置在linux伺服器上,使用pm2執行main.js即可,
但是nestjs則會報乙個錯誤,找不到相關的檔案路徑什麼的。
問題是:tsconfig.build.tsbuildinfo檔案的路徑以及相關依賴問題
這裡在找node_modules的內容,但是dist沒有此內容,因此需要重新引包。即帶上package.json檔案並且鍵入相關依賴。
第一步:準備好nodejs環境和pm2管理工具
安裝文章推薦:linux[安裝nodejs執行環境和pm2程序管理工具]
1、檢測下node是否安裝完畢
node環境ok。建議安裝cnpm(**映象):注意路徑問題
**映象安裝ok。
2、檢測下pm2是否安裝完畢
如果出現此內容則安裝ok,如果報pm2 not found之類的請檢測相關路徑,確保pm2安裝完畢。
第二步:上傳專案並啟動
將本地專案,除了node_modules、dist、.git 之外的所有內容都上傳到linux伺服器上對應的資料夾中
上傳到linux後如下:
.gitignore 和 .prettierrc檔案消失了,但不會影響什麼打包和部署,反正全選上傳即可
之後使用shell執行相關命令
cnpm install
npm run build
cd .
/dist
pm2 start main.js
效果如下:
這時候你會發現專案已經啟動了。然後就可以通過ip+埠訪問了。如:
埠注意:
1.專案的埠在main.js中配置
即,這裡配置是什麼埠則訪問時候就是什麼埠。
2.注意linux伺服器要開放這個埠,如果是阿里雲則要在安全組中開放這個埠號。
另一種方式:
如果覺得麻煩或者部署的伺服器無法連線外網(無法cnpm install),可以選擇直接將本地對應的資料夾都複製上傳。包括dist和node_modules的內容。如下:
然後使用shell進行相關打包啟動操作
npm run build
cd .
/dist
pm2 start main.js
直接執行即可,打包還是有必要重新執行一遍的
React專案的打包與部署
打包編譯 執行完上述命令,開啟本地瀏覽器,輸入localhost 3000,就能看到專案的執行效果。此時是開發模式。若使用npm run build,會被編譯到build目錄。將整個應用打包發布,自動試用webpack進行壓縮與優化。在專案路徑下,敲npm run buil,就出現了build資料夾...
Vue專案打包到django部署
vue專案一般用於實現前端的單頁面富應用,其打包後的檔案可簡單看作靜態檔案,所以可以通過nginx部署,當然也可以通過django部署 畢竟本質上還是乙個html檔案及各css,js檔案的集合 不過前後端的耦合性以及效能就比nginx動靜分離的差一點。但平時開發的時候可以這樣部署,十分方便快捷。測試...
vue專案部署前打包
vue專案打包上線之前要進行相應的配置,否則會存在路徑找不到,頁面出現空白的問題,現在做一下記錄 1 打包成功沒有報錯,但是開啟頁面顯示空白 解決 檔案位置 config目錄下index.js檔案更改assetspublicpath屬性 檔案裡面有兩個assetspublicpath屬性,也就是更改...