centos云服务器系统下vuecli+koa实现前后端分离项目的部署

nodejs环境，以及如何构建vue项目这里就不再赘述了，自行百度~

1.首先将你得vuecli项目跑npm run dev 的目录下，命令行输入npm run build

2.等待跑完后，你会在此目录下发现dist文件

3.下载winscp（这个是云服务器文件系统可视化工具）和putty（连接云服务系统的命令行工具）

4.下载好的winscp点击进入后，输入云服务器ip和端口号，输入账号密码连接云服务器进入后左面显示本地目录，右面是云服务器目录

5.直接在云控制台登陆centos系统或者利用putty登陆都可以。

6.腾讯云服务器可以重装系统，这里选择nginx+nodejs+mysql的环境重装系统。

7.在根目录下的data/www/testapp/public下，将dist文件夹下的index.html和static文件夹复制到此处

8.因为重装的系统自带nginx并且里面的配置正好是网站根目录下自动跳转到index.html

9.所以此时在地址栏敲入你得服务器ip，即可看到你的vuecli的项目，但是现在的问题是你得koa服务还没有部署到云服务器，你写的接口不能跑起来，别急，让我们往下看~

10.部署koa服务：因为自动安装的node版本比较低，建议升级node版本，可以避免npm install报错的问题。可以利用nvm升级node，这里自行百度nvm升级node

11.升级完node后，直接在testapp文件夹下npm i koa；以及你需要的包。

12.这时需要配置nginx来反向代理你koa的接口，修改nginx.conf文件：

    server {
        listen       80;
        server_name  你得域名;
        location / {
            proxy_pass http://你得ip:你得koa端口/;  
            proxy_redirect default;      
            #设置主机头和客户端真实地址，以便服务器获取客户端真实IP
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;            
        }
    }

13.配置好后，npm install pm2；下载pm2，用于启动服务

14.pm2 start 文件目录/文件名，即可启动koa服务

15：此时敲入：你得ip:你koa的端口/你得router即可获得数据（非数据库数据）

16.要想得到你本地数据库的数据还需要将本地的数据库导出为sql文件，然后传入云服务器的某个文件夹中，然后再云服务器上的mysql下执行source 目录名/你得.sql  即可得到你数据库的数据。

17.再利用你购买好的域名，再域名解析后设置www，记录值设置成你服务器ip

18.此时你再url中键入你的域名即可看到你艰辛写出来的web~