部署vue+express+MongoDB项目至服务器流程

服务器是阿里云服务器，一开始装的是centOS官方镜像，不过在这个过程中遇到了不少问题，又考虑到便于维护，还是不得已采用了和开发一样的ubuntu16.04。

1.安装Node.js和npm

我在开发时使用的是10.15版本的Node，而从阿里云镜像下载来的目前是node4版本的，在这里，我们需要下载最新的Node版本。

[code]sudo apt upgrade
curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -
sudo apt-get install -y nodejs

等待一段时间后，下载完后就会自动安装，检查安装是否完毕。

[code]node -v
v10.15.0
npm -v
6.4.1

和我在开发时的版本一致。

2.安装Mongodb

[code]apt install mongodb
apt install mongodb-clients

在安装完成后，为Mongo创建db目录。

[code]mkdir -p /data/db

这时，我们就可以运行mongod了。

[code]mongod

control+Z使其后台运行。

这时我们可以使用mongo来测试是否开始数据库

连接成功，如果连接失败，可以reboot重启服务器，mongod会自动开机运行，下次开机直接运行mongo就能进入命令行。

到此时，我们的基本环境已经安装完成。

3.安装pm2进程管理工具

[code]npm install -g pm2

在我们把项目从github上clone下来并npm install后，先使用npm run dev检查是否和我开发时的提示一样。

一切正常，可以退出此任务。

[code]pm2 start app.js

[code]pm2 list

出现问题，原因是应该启动index.js，直接使用app.js，就会没有babel转换。

之后，我们的项目就会被pm2守护，遇到错误会自动重启。

4.nginx反向代理

[code]apt install nginx

安装好后使用

[code]nginx -v

出现版本号，说明没有问题

然后要做的就是使用nginx反向代理我们之前的3000端口

[code]cd /etc/nginx

进入到nginx目录

[code]vim nginx.conf

编辑设置文件

在http最后一段添加上我们的 server

[code]server {
listen 80;
server_name ; // 服务器地址
location / {
proxy_pass http://127.0.0.1:3000;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $http_host;
proxy_set_header X-Nginx-Proxy true;
proxy_redirect off;
}
}

剩下的就可以在阿里云配置DNS解析，便可以通过域名访问到服务器。