空服务器Nust项目部署

1.项目打包

npm run build

2.将打包后的这几个文件上传至服务器

此处在/dev/下创建了文件夹front 用于存放这些文件
如下:
这里用的是宝塔上传(多余文件是后期npm install生成的)

3.服务器安装node

3.1 官网下载node(此处为中文网)

此处下载的是node-v14.17.0-linux-x64.tar.xz

3.2 解压

上传node压缩包至服务器(此处放置于/usr/local下)

cd /usr/local
tar -xvf node-v14.17.0-linux-x64.tar.xz 
mv node-v14.17.0-linux-x64 node #将解压后文件夹改名为node

3.3 查看node版本

进入到解压目录下的bin文件夹,使用 ./node -v
这里直接用命令:

/usr/local/node/bin/node -v

3.2 配置环境变量,使npm全局使用

• 配置NODE_HOME，进入profile编辑环境变量

vim /etc/profile

• 设置 nodejs 环境变量，在 export PATH USER LOGNAME MAIL HOSTNAME HISTSIZE HISTCONTROL 一行的上面添加如下内容:

#set for nodejs
export NODE_HOME=/usr/local/node
export PATH=$NODE_HOME/bin:$PATH

• :wq保存并退出，编译/etc/profile 使配置生效

source /etc/profile

• 验证是否安装配置成功

node -v

4.项目启动运行

4.1 安装pm2 (为了让项目持久化,在后台运行)

npm install pm2 -g

pm2启动:

pm2 start "/usr/local/node/bin/npm" --name "law" -- start .
#现在使用npm 会将项目持久化

#其余相关命令
pm2 list
pm2 stop    
pm2 restart 
pm2 delete 

4.2 编译启动项目

• 查看服务器ip端口号,修改上传的package.json(也可上传前更改)

ifconfig 
#查看服务器ip端口号
#下面intet后即为端口号

• 现在进入之前创建的文件夹目录

cd /dev/front
vi package.json

• 在package.json添加如下信息

  "config": {
    "nuxt": {
      "host": "******",#此处为上述得到的主机IP地址
      "port": 3000 #访问端口号
    }
  },

• 启动

#下载相关依赖
#启动项目
cd /dev/front
npm install 
npm run start

现在我们就可以对外访问这个项目了