使用 Docker、Nginx部署一个简单React Demo到云服务器上

本人最近在开发的react项目已经到了部署的阶段，我也是第一次上手docker，nginx，所以并不是很精通，这里仅仅是演示如何部署一个简单的前端react项目到服务器上，然后进行网页访问。
在这里，借此文记录一下整个部署过程, 主要是云服务器购买和简单使用，环境配置，以及项目打包等内容。

购买云服务器

云服务器是要有的，对于一个长期运行的应用来说，这也很有必要，而且我们需要有一个公网IP 供非局域网的用户访问。

因为我是学生，所以选择购买了腾讯云服务器（学生价一个月10块钱，外加8块可使用一个.cn的域名），价格相对比较便宜，且这样一台服务器对我个人已经够用了。

如果你也有需求，那么购买链接在这里，非广告。。。

我选择了最便宜的版本，买了6个月的云服务器，是CentOS系统版本的，还入手了一个.cn域名。

你打开实例控制台，就可以看到以下列表。

然后你就要注意系统会发送服务器的登录账号和密码信息给你。要留意右上角的铃铛?。

下一步就是重置服务器密码，换一个复杂好记的。

在实例列表中，点击更多可以找到重置按钮。按步骤来就可以更换密码啦。

连接云服务器

云服务器有了，我们就要考虑如何连接云服务器了。

在连接之前，我们要先保证实例（服务器）处于运行状态！！

一种可行的连接方法是通过腾讯云控制台来登录（内置了多种登录方法）。

但是个人并不是很推荐这种方法，因为不方便，你需要先微信扫码登录腾讯云平台，然后在进入控制台登录，比较麻烦。

个人建议是直接使用命令行ssh 连接服务器登录。

如果你是ubuntu等系统，有linux 终端，那么你可以直接通过ssh访问。

访问的方式是：

ssh root@0.0.0.0   # 0.0.0.0 替换成你的公网IP 

然后第一次访问会提示以下信息，直接回复 yes 即可。

然后输入你的登录密码。

如果你是windows用户，那么我推荐你使用这个 ubuntu 子系统，在windows应用商店即可下载。

这相当于 windows 配置了一个linux终端。

这里有一个配置子系统的教程，供参考。

Windows10开启Ubuntu子系统简易步骤

云服务器的命令行有一点不太方便的就是，文件目录较难快速访问。如果你想要一个图形化界面来访问服务器文件，实现小文件的快速传输，那么我又要安利一个很好用的软件，叫 winscp。

搞一点linux的都知道，scp 命令是linux下用来传输文件的，这里winscp顾名思义就是用来windows下传输文件的。

安装使用见官网链接就可以了。