把vue-router和express項(xiàng)目部署到服務(wù)器的方法

- 首先確定此項(xiàng)目在本地能夠運(yùn)行成功

創(chuàng)新新互聯(lián)，憑借10余年的成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)，本著真心·誠心服務(wù)的企業(yè)理念服務(wù)于成都中小企業(yè)設(shè)計(jì)網(wǎng)站有千余家案例。做網(wǎng)站建設(shè)，選創(chuàng)新互聯(lián)。

在本地命令行中輸入npm run start，無報(bào)錯(cuò)，且打開127.0.0.1:3000

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

此為文件層級(jí)關(guān)系

front為前端文件

xk3為后臺(tái)express與數(shù)據(jù)庫MySQL鏈接的文件

用命令行進(jìn)入后臺(tái)并且運(yùn)行，啟動(dòng)成功

這是路徑為/的頁面

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

瀏覽器中顯示W(wǎng)elCome to express

至此此項(xiàng)目在本地運(yùn)行成功，我們現(xiàn)在就要放到服務(wù)器上。

- 準(zhǔn)備工作

此前服務(wù)器的基本設(shè)置就不再贅述。

打開xftp或者其他類似軟件，將此項(xiàng)目全部復(fù)制到/var/www/路徑下

（此路徑可能會(huì)不一樣，就是服務(wù)器網(wǎng)頁的路徑）

將后臺(tái)所需要的數(shù)據(jù)導(dǎo)入服務(wù)器的數(shù)據(jù)庫中，命令為mysql>source “路徑”;

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

我的運(yùn)行失敗是因?yàn)槲抑笥昧薴orever守護(hù)進(jìn)程，一直在占用3000端口，所以無法啟動(dòng)，如果沒有設(shè)置過的話能夠正常啟動(dòng)就和在本地一樣。

以我的學(xué)生選課系統(tǒng)為例截圖

但是這樣你的服務(wù)器就一直處于阻塞狀態(tài)，只要斷開鏈接，服務(wù)也會(huì)中斷。

創(chuàng)建守護(hù)進(jìn)程

接下來就是用pm2或者forever創(chuàng)建守護(hù)進(jìn)程，經(jīng)過親測(cè)，感覺forever比較簡單，只需要幾行命令，并不需要額外配置。

即開始使用forever

1.sudo npm install forever -g

2.forever start app.js

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

這是我出現(xiàn)了一個(gè)錯(cuò)誤,是沒有指定錯(cuò)誤和輸出的日志文件

提示錯(cuò)誤為：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就是后臺(tái)的入口文件)

如果還是不行可使用

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

此時(shí)node項(xiàng)目部署完成，就算關(guān)閉服務(wù)器的后臺(tái)服務(wù)也能正常運(yùn)行，不需要阻塞。

運(yùn)行成功圖片

如果其中有問題，請(qǐng)?zhí)岢?，謝謝！

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

以上這篇把vue-router和express項(xiàng)目部署到服務(wù)器的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)頁名稱：把vue-router和express項(xiàng)目部署到服務(wù)器的方法
網(wǎng)站網(wǎng)址：http://bm7419.com/article2/jddsic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站營銷、定制網(wǎng)站、響應(yīng)式網(wǎng)站、網(wǎng)站設(shè)計(jì)、域名注冊(cè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)