把vue-router和express項目部署到服務器的方法

- 首先確定此項目在本地能夠運行成功

在本地命令行中輸入npm run start，無報錯，且打開127.0.0.1:3000

有寫的路由為/的頁面，如圖

此為文件層級關系

front為前端文件

xk3為后臺express與數據庫mysql鏈接的文件

用命令行進入后臺并且運行，啟動成功

這是路徑為/的頁面

在瀏覽器中輸入路徑http://localhost:3000/

瀏覽器中顯示WelCome to express

至此此項目在本地運行成功，我們現在就要放到服務器上。

- 準備工作

此前服務器的基本設置就不再贅述。

打開xftp或者其他類似軟件，將此項目全部復制到/var/www/路徑下

（此路徑可能會不一樣，就是服務器網頁的路徑）

將后臺所需要的數據導入服務器的數據庫中，命令為mysql>source “路徑”;

然后打開xshell并進入此項目后臺，類似于在本地運行后臺文件，前提是你的服務器上安裝了node,mysql等基本配置，自行百度，還有一個問題就是確定你的vue-router中的路由獲取的是服務器的ip+port+router,例如var url = ‘http://47.95.7.109:3000/course/batchDelete‘，還要從阿里云的安全組配置那里打開你的3000端口，不然訪問會被阻止。

我的運行失敗是因為我之后用了forever守護進程，一直在占用3000端口，所以無法啟動，如果沒有設置過的話能夠正常啟動就和在本地一樣。

以我的學生選課系統為例截圖

但是這樣你的服務器就一直處于阻塞狀態，只要斷開鏈接，服務也會中斷。

創建守護進程

接下來就是用pm2或者forever創建守護進程，經過親測，感覺forever比較簡單，只需要幾行命令，并不需要額外配置。

即開始使用forever

1.sudo npm install forever -g

2.forever start app.js

3.forever start -l forever.log app.js

這是我出現了一個錯誤,是沒有指定錯誤和輸出的日志文件

提示錯誤為：log file /root/.forever/forever.log exists. Use the -a or –append option to append log.

4.解決方案

forever start -a -l forever.log -o out.log -e err.log app.js(app.js就是后臺的入口文件)

如果還是不行可使用

forever start -a -l forever.log -o out.log -e err.log ./bin/www

此時node項目部署完成，就算關閉服務器的后臺服務也能正常運行，不需要阻塞。

運行成功圖片

如果其中有問題，請提出，謝謝！

樣本鏈接：http://47.95.7.109/student/work/front/#/

以上這篇把vue-router和express項目部署到服務器的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。