腾讯云轻量应用服务器部署vue+express+mongoose前后端分离项目
搞了一个个人博客，想要发布到腾讯云。由于之前从未接触过linux相关知识，所以在查了各种资料，挖了各种坑，重置了N次系统后终于将个人博客上线了。随手记录下正确的完整过程和维护常用的代码，希望对大家有所帮助
一、购买服务器与域名
二、密钥与Xftp
我们需要一个密钥和Xftp软件绑定，以便于文件的传输。
点击密钥，新建密钥并保存到本地；然后点进服务器，找到实例信息→密钥→绑定密钥，选择新建的密钥进行绑定。
下载Xftp下载地址：https://www.netsarang.com/zh/xftp/（有免费版需认证），安装到电脑后新建会话，在主机处输入你的公网ip，确定
输入root，点击确定
在Pubulic Key导入下载到本地的密钥，密码为空，确定即可连接成功
三、开放端口
轻量应用服务器仅需点进你的服务器，详情，选择防火墙，点击添加规则即可。这里需要添加27017供数据库使用，5000为本人项目的后端端口，请根据实际情况更改避免出错。
四、安装相关环境
2.* 切换为root用户
sudo su root这个特别重要！建议时刻观察是否处于root用户状态，否则部署过程中极易出现权限不足导致的错误！
2.1 安装nodejs与pm2
1、下载二进制文件
wget http://nodejs.org/dist/v12.16.1/node-v12.16.1-linux-x64.tar.xz下载非常的慢，需要不断ctrl+c中断并重新进行下载，最后再通过Xftp把下载成功的文件找出来重命名
2、解压
tar xvf node-v12.16.1-linux-x64.tar.xz3、移动文件夹（也可以先cd到想存放的目录下执行1、2两步）
mv node-v12.16.1-linux-x64 /usr/local/nodejs4、修改环境变量
vim /etc/profile找到export PATH USER LOGNAME MAIL HOSTNAME HISTSIZE HISTCONTROL，在代码上面添加两行代码（修改不了切换到英文输入法按下i，最后一行出现
即可编辑）：
export NODE_HOME=/usr/local/nodejs
export PATH=$NODE_HOME/bin:$PATH按下esc键，进入命令行模式，再依次按:wq，Enter键完成保存；source /etc/profile使配置生效，输入node -v测试是否完成安装。
5、安装pm2
npm install pm2 -g2.2 安装mongodb
1、下载二进制文件
wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-4.0.13.tgz2、解压
tar -zxvf mongodb-linux-x86_64-4.0.133、移动文件夹（也可以先cd到想存放的目录下执行1、2两步）
mv mongodb-linux-x86_64-4.0.13 /usr/local/mongodb4、创建mongodb数据存储文件和日志文件（逐步执行）
cd /usr/local/mongodb/
mkdir data
mkdir logs
cd ./logs
touch mongodb.log
cd ../
mkdir etc
cd etc
touch mongodb.conf配置mongodb.conf，代码如下：
dbpath=/usr/local/mongodb/data
logpath=/usr/local/mongodb/logs/mongodb.log
logappend=true
journal=true
port=27017
fork=truevim /etc/profileuse admin
db
db.createUser({user:"root",pwd:"你的密码",roles:[{role:"root",db:"admin"}]})关闭mongodb服务
db.shutdownServer() vim mongodb.conf 重新进入配置文件，在最后一行加入auth=true完成mongodb安装
2.3 安装nginx
1、下载二进制文件
cd /usr/localwget http://nginx.org/download/nginx-1.18.0.tar.gz2、解压
tar -zxvf nginx-1.18.0.tar.gz
五、上传待部署文件
命令提示符输入npm run build打包，将生成的dist文件夹，通过Xftp上传到/home。
2、上传express后端项目
直接通过Xftp上传到/home。
建议先在自己电脑下载并配置好ngnix跑一遍，再把./conf/nginx.conf文件通过Xftp上传上去，这样会省很多事，以下是我的配置文件：
http {
include mime.types;
default_type application/octet-stream;
client_max_body_size 10M; #设置客户端上传最大文件大小，ngnix默认值为1M，图片随便扔一张就报413了
sendfile on;
keepalive_timeout 65;
server {
listen 80;
server_name localhost "你的域名";
location / {
root /home/dist;
index index.html index.htm;
try_files $uri $uri/ /index.html; #vue-router配置
}
location /api/ {
proxy_set_header X-Real-IP $remote_addr;
proxy_pass http://127.0.0.1:5000/api/; #后端端口地址
proxy_redirect off;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $http_host;
proxy_set_header X-Nginx-Proxy true;
}
}
}
六、上线测试
cd /home
pm2 start 你的后端项目名2、启动前端服务（ngnix）
cd /home/usr/local/nginx/sbin
nginx
至此，项目上线成功~
附：维护相关
项目上线之后，结果发现了诸多BUG，修改后需重新部署可以参考以下做法：
将重写的接口/打包新的文件通过Xftp上传覆盖原来的文件，打开腾讯云远程登录
sudo su root
source /etc/profile
#前端接着输入nginx -s reload，后端接口则输入pm2 restart all即可完成简单的重新部署