前后端项目linux环境部署(vue+node+express+mongoDB)

小项目linux环境部署(安装node,mongoDB)
时隔一年终于在工作中学会了怎么部署项目到虚拟机(阿里云同理可实现)
项目组成:

1.前端打包后的dist文件夹
2.以及一套node.js的后台服务代码

蓝框没啥意义,重要的是红框
前后端项目linux环境部署(vue+node+express+mongoDB)_第1张图片

1,安装xshell
2,安装node,npm

可借鉴博客:添加链接描述

curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -

然后按照提示输入sudo yum install -y nodejs
前后端项目linux环境部署(vue+node+express+mongoDB)_第2张图片
安装后验证:

node -v
npm -v
3,安装mongoDB并解压,建db目录和日志目录,启动数据库

可借鉴博客:添加链接描述和添加链接描述

curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-3.0.6.tgz    # 下载
tar -zxvf mongodb-linux-x86_64-3.0.6.tgz                                   # 解压

mv  mongodb-linux-x86_64-3.0.6/ /mongodb    # 将解压包拷贝到指定目录,这里拷贝到 /mongodb目录 中
//这样 MongoDb 就安装好了,但每次运行都要进入 mongodb 目录下的 bin 文件夹才能 运行 mongod 进程, 为了方便我们后续使用,我们可以配置一下环境变量
export PATH=/mongodb的安装路径/bin:$PATH  #本文的话就是 export PATH=/mongodb/bin:$PATH
//然后不要忘记了创建 MongoDb 数据库目录:cd到mongodb目录 输入 mkdir data
//此时我们输入 mongod 出现以下画面就代表成功运行了 MongoDb服务

4,复制本地运行正常的项目文件和node.js后台服务文件到虚拟机中。

移动文件可借鉴博客:添加链接描述
前后端项目linux环境部署(vue+node+express+mongoDB)_第3张图片

5,一键启动(例如:node app.js)

在这里插入图片描述
然后就可以在我本地访问到这个地址加端口3001的项目了:
在这里插入图片描述

接口也是正常:
前后端项目linux环境部署(vue+node+express+mongoDB)_第4张图片
该注意的:

1.记得把页面接口地址指向这个虚拟机或服务器加端口号的地址
2.启动数据库,并加一个监听重启的操作,防止挂掉。
3.应该写好一个脚本,时刻监听node的服务,如果挂掉,自动重启(pm2),这个正在摸索,后面补上

你可能感兴趣的:(linux,linux)