初次学习项目部署上线，把自己部署过程记录下来，希望对更多的朋友有帮助，起到互相学习，共同进步的作用；

感谢一位朋友给我的帮助

我的博客

前言

学习了前端很长时间了，去慕课找了些vue和react项目做了一下，想把做出来的项目上线，于是去阿里云领了一个月免费服务器，学习了一下上线流程，过程中多得一位前同事的帮助，自己一个人摸索的话还挺不容易的。以下是我在慕课上学习的一个React开发的后台管理项目，上线后的效果是这样的：域名还在审核中……

一、连接服务器

$ ssh ⽤用户名@公⽹网ip地址

例如：$ ssh root@47.94.248.12

接下来输入 yes(只有第⼀次需要输⼊) 然后再输入密码，提示：阿⾥里里云通常是$ ssh root@47.94.248.12 连接成功后继续下⼀步

二、安装 Nginx 到服务器

$ sudo apt-get install nginx

(这里是ubuntu下的安装命令，不同的系统安装命令不同)

sudo apt-get update

sudo apt-get install nginx 安装nginx

sudo service nginx restart 重启nginx

三、创建⽹站存放⽬目录

先输⼊pwd查看当前所在的路径

$ pwd (我这⾥返回/root)就是我的路路径

新建⼀一个 www的⽂文件夹 $ sudo mkdir -p www

赋予 www ⽬目录权限

$ sudo chown -R www-data:www-data /root/www $ sudo chmod -R g+rw /root/www $ sudo chmod 777 /root/www

可能会报错的地方：unable to resolve host xxxxxxxxxx

解决办法：

$sudo vi /etc/hosts

增加 127.0.0.1 hostname

我这里增加 :127.0.0.1 iZ2zeiuwszr8ff6xzdxxxxxx

保存并退出

四、把⽹站⽂件通过 FTP 工具 FileZilla 上传到服务器

五、配置 nginx

编辑nginx 的默认配置⽂件 $ sudo vi /etc/nginx/sites-available/default 按上下键浏览,按下 i 进⼊入编辑模式，左下⻆角提示 –INSERT– 退出并保存先按 : 然后按 qw 退出不不保存先按 : 然后按 q 替换 root 后面的 /var/www/html 为 /root/www ，然后输⼊ :qw 保存退出