亚洲av日韩av永久无码久久,免费的视频app网站,欧美性猛交xxxx免费看,国产成人精品三级麻豆

Linux CentOS + Nodejs + Express部署vue項(xiàng)目

2021-5-8    前端達(dá)人

注:服務(wù)器為CentOS 7.3.1611,使用Xshell6 + Xftp6工具完成服務(wù)器遠(yuǎn)程操作

一、安裝Node環(huán)境

通過(guò)Xshell連接服務(wù)器成功之后就可以開始以下工作

1.清理工作

如果之前有安裝過(guò)nodejs,用自帶的包管理命名先刪除一次
yum remove nodejs npm -y 
  • 1

然后手動(dòng)進(jìn)入以下目錄刪除相關(guān)文件
進(jìn)入 /usr/local/lib 刪除所有 node 和 node_modules文件夾
進(jìn)入 /usr/local/include 刪除所有 node 和 node_modules 文件夾
進(jìn)入 /usr/local/bin 刪除 node 的可執(zhí)行文件

2.去官網(wǎng)復(fù)制node安裝包鏈接

https://nodejs.org/en/download/在這里插入圖片描述

3.在Xshell里cd到安裝目錄

cd /usr/local/ 
  • 1

4.輸入命令鏈接開始下載nodejs安裝包

wget https://nodejs.org/dist/v10.16.0/node-v10.16.0-linux-x64.tar.xz 
  • 1

5.輸入命令兩步解壓

xz -d node-v10.16.0-linux-x64.tar.xz
tar -xvf node-v10.16.0-linux-x64.tar 
  • 1
  • 2

6.重名解壓的文件夾名稱為nodejs

mv node-v10.16.0-linux-x64 nodejs 
  • 1

7.進(jìn)入解壓目錄

cd nodejs 
  • 1

8.創(chuàng)建軟連接

ln -s /usr/local/nodejs/bin/node /usr/local/bin/node
ln -s /usr/local/nodejs/bin/npm /usr/local/bin/npm 
  • 1
  • 2

如果不小心輸錯(cuò)了路徑,重新創(chuàng)建會(huì)提示:‘ln: 無(wú)法創(chuàng)建符號(hào)鏈接"/usr/local/bin/npm": 文件已存在’,輸入rm /usr/local/bin/npm命令清除后可以重新創(chuàng)建

9.測(cè)試

node -v
npm -v 
  • 1
  • 2

10.安裝cnpm淘寶鏡像并創(chuàng)建軟鏈接

npm install -g cnpm
ln -s /usr/local/nodejs/bin/cnpm /usr/local/bin/cnpm 
  • 1
  • 2

二、用Express搭建web服務(wù)

1.在Xshell里cd到指定目錄

cd /var/www/ 
  • 1

注:如果沒(méi)有www目錄就在var目錄下輸入命令mkdir www手動(dòng)創(chuàng)建一個(gè),并進(jìn)入到www目錄

2.創(chuàng)建web服務(wù)項(xiàng)目文件夾

mkdir demo 
  • 1

3.cd進(jìn)入項(xiàng)目目錄

cd demo 
  • 1

4.初始化項(xiàng)目生成package.json

npm init -y 
  • 1

注:這里的-y意思是省略創(chuàng)建過(guò)程中一直輸yes的步驟

5.安裝express

cnpm i express -D 
  • 1

6.創(chuàng)建web服務(wù)程序文件app.js

mkdir app.js 
  • 1

7.編寫web服務(wù)程序代碼app.js

const fs = require('fs'); //文件模塊 const path = require('path'); //路徑模塊 const express = require('express'); //express框架模塊 const app = express(); const hostName = '11.22.33.44'; //ip const port = 9999; //端口 app.use(express.static(path.resolve(__dirname, './dist'))); // 設(shè)置靜態(tài)項(xiàng)目訪問(wèn)路徑(此處的dist為webpack打包生成的項(xiàng)目文件夾名稱) app.get('*', function(req, res) { const html = fs.readFileSync(path.resolve(__dirname, './dist/index.html'), 'utf-8'); // 設(shè)置所有訪問(wèn)服務(wù)請(qǐng)求默認(rèn)返回index.html文件 res.send(html); }); app.listen(port, hostName, function() { console.log(`服務(wù)器運(yùn)行在http://${hostName}:${port}`); }); 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

三、打包部署vue項(xiàng)目

1.在本地開發(fā)工具里打包需要部署的vue項(xiàng)目

npm run build 
  • 1

生成的dist文件夾就是我們需要部署到服務(wù)器上的項(xiàng)目
在這里插入圖片描述

2.把dist文件夾通過(guò)Xftp工具復(fù)制到服務(wù)器的var/www/demo目錄下

11160623264.png)

四、啟動(dòng)web服務(wù)

1.在Xshell里cd到var/www/demo目錄,輸入以下命令啟動(dòng)web服務(wù)程序

node app.js 
  • 1

如果能正常訪問(wèn)項(xiàng)目地址表示已經(jīng)搭建成功。

請(qǐng)求后端接口跨域方案請(qǐng)見:
跨域代理方案1Nginx使用教程
跨域代理方案2Nodejs 中使用http-proxy-middleware實(shí)現(xiàn)代理跨域

2.安裝PM2托管Node Web服務(wù)程序

在xshell里用node默認(rèn)的啟動(dòng)方式有一個(gè)缺點(diǎn),xshell退出后nodejs項(xiàng)目便會(huì)停止
使用pm2這個(gè)托管工具可以很好的解決這個(gè)問(wèn)題,而且當(dāng)代碼有更改時(shí)會(huì)自動(dòng)重啟服務(wù)更新

1.首先多按兩次ctrl +c結(jié)束之前的運(yùn)行程序,接著輸入下面的命令安裝pm2并創(chuàng)建軟鏈接

cnpm install pm2 -g
ln -s /usr/local/nodejs/bin/pm2 /usr/local/bin/pm2 
  • 1
  • 2

2.然后輸入下面的命令啟動(dòng)托管任務(wù),abc為托管項(xiàng)目定義的名稱

pm2 start app.js --name abc 
  • 1

以下為pm2常用命令說(shuō)明

命令 功能
pm2 start app.js --name abc 啟動(dòng)(--name為定義任務(wù)名稱的指令,abc為任務(wù)名稱值)
pm2 start app.js --watch 啟動(dòng)( --watch為監(jiān)聽?wèi)?yīng)用目錄的變化的指令)
pm2 restart app.js 重啟任務(wù)
pm2 stop abc 結(jié)束(abc為任務(wù)名稱或id)
pm2 list 查看所有任務(wù)列表

pm2基本功能命令

功能 命令
啟動(dòng)進(jìn)程/應(yīng)用 pm2 start bin/abc 或 pm2 start app.js
重命名進(jìn)程/應(yīng)用 pm2 start app.js --name abc
添加進(jìn)程/應(yīng)用 pm2 start bin/abc --watch
結(jié)束進(jìn)程/應(yīng)用 pm2 stop abc
結(jié)束所有進(jìn)程/應(yīng)用 pm2 stop all
刪除進(jìn)程/應(yīng)用 pm2 delete abc
刪除所有進(jìn)程/應(yīng)用 pm2 delete all
列出所有進(jìn)程/應(yīng)用 pm2 list
查看進(jìn)程/應(yīng)用詳情 pm2 show abc 或 pm2 describe abc
查看進(jìn)程/應(yīng)用資源消耗 pm2 monit
查看進(jìn)程/應(yīng)用日志 pm2 logs abc
查看所有進(jìn)程/應(yīng)用日志 pm2 logs
重新啟動(dòng)進(jìn)程/應(yīng)用 pm2 restart abc
重新啟動(dòng)所有進(jìn)程/應(yīng)用 pm2 restart all

pm2使用教程參考鏈接:
https://www.cnblogs.com/chyingp/p/pm2-documentation.html
https://www.jb51.net/article/113398.htm



轉(zhuǎn)自:csdn。作者:lihefei_coder



藍(lán)藍(lán)設(shè)計(jì)www.chinatradebeam.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)



日歷

鏈接

個(gè)人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.chinatradebeam.com

存檔

国产高清无密码一区二区三区| 精品人体无码一区二区三区| 最近免费中文字幕mv免费高清版| 久久久精品人妻一区二区三区四| 亚洲av永久无码精品水牛影视| 国产成人精品亚洲777人妖| 亚洲av无码日韩精品影片| 国产真实伦对白全集| 国产aⅴ激情无码久久久无码| 欧美性猛交xxxx乱大交3| 精品人妻系列无码人妻免费视频 | 伊人久久大香线蕉亚洲五月天| 宝宝好涨水快流出来免费视频 | 国产精品无码无片在线观看3d | 女人与拘做受全过程免费视频 | 国产精品久久久久久亚洲av| 国产精品成人一区二区三区无码| 亚洲一区二区女搞男| 韩国a片巜上司与的人妻| 日本精品人妻无码免费大全| 真人高清实拍女处被破的视频| 成人性爱视频在线观看| 无码一区二区三区视频| 亚洲中文字幕无码自拍一拍五月| 亚洲av无码精品色午夜果冻不卡| 韩国精品一区二区三区无码视频| 午夜福利1000集福利92| 国产伦精品一区二区三区免费迷| 国产精品久久毛片a片| 狠狠躁夜夜躁人人爽超碰97香蕉| zoz○zo女人和另类zoz0| 苏桃的骚乱文肉np| 亚洲AV永久无码精品国产精品| 成人h视频在线观看| 亚洲精品久久无码老熟妇| 久久久精品人妻一区二区三区四| 老人玩小处雌女hd另类| 久久久久久亚洲精品中文字幕| 日韩精品无码一区aaa片| 无码gogo大胆啪啪艺术| 国产freexxxx性播放麻豆|