vue3+node(koa2)写一个网站(三)-服务器篇

前端和后端代码都写好调通之后就到了部署到服务器上的环节了。

首先要买个服务器，我是阿里云买的服务器

命令行连接服务器：mac: 在终端中输入 ssh root@公网IP  连接服务器， 公网ip在阿里云实例列表查看

也可以通过阿里云远程连接  来连接服务器

服务器安装node环境 网上搜

安装nginx 网上搜

node服务线上我们一般会使用pm2来进行进程守护， 遇到node程序崩溃会自动重启。安装pm2 , npm install pm2 -g ， 安装之后 pm2 --version 查看版本确定是否安装成功

//pm2常用 命令

pm2 start
pm2 restart <app name>/<id> // app name 或 id
pm2 list
pm2 stop <app name>/<id>
pm2 delete <app name>/<id>
pm2 info <app name>/<id>
pm2 log <app name>/<id>
pm2 monit <app name>/<id>

命令行连接服务器后我们会用到一些linux命令：

cd /home  //进入 '/ home' 目录' 
cd ..  //返回上一级目录 
ls //查看目录中的文件
mkdir dir1 //创建一个叫做 'dir1' 的目录' 
rm -f file1 //删除一个叫做 'file1' 的文件' 
rmdir dir1 //删除一个叫做 'dir1' 的目录' 
rm -rf dir1 //删除一个叫做 'dir1' 的目录并同时删除其内容
pwd //显示工作路径 
mv dir1 new_dir //重命名/移动 一个目录

更多命令传送门

nginx相关的一些命令：

whereis nginx //查看nginx安装路径

nginx -t //测试配置文件是否有问题
nginx -s reload //重新启动nginx
nginx -s stop //停止

修改nginx配置时我们需要用到vim的一些操作命令：

vim /www/server/nginx/conf/nginx.conf //打开nginx.config文件 vim 后面为配置文件的路径
i   //打开之后按 i 可进入插入模式修改文件内容
:wq //修改后按这个命令保存并退出

主要配置如下：

server {
        listen       8080;
        server_name  xxxx;

        location / {
                root   /data/mywebsite/dist;
            index  index.html index.htm;
        }
        location /api/ {
            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_pass http://xxx:3000/api/;

                        fastcgi_buffer_size 128k;
                        fastcgi_buffers 4 256k;
                        fastcgi_busy_buffers_size 256k;

        }
    }

更多命令传送门

redis安装和配置参考 文章1 文章2

线上数据库可以买阿里云的 也可以自己在服务器上安装。一开始我买的是阿里云数据库， 后面一直有问题没调通就改成服务器上安装了具体可以网上搜索。

服务器的一些环境弄好了之后就是把前后端代码上传到服务器了，我是通过FileZilla工具上传的。前端把打包后代码上传，node代码我是把除了node_modules文件夹其他的都上传然后到服务器上再npm install。