平常大部分人都是本地写写项目，然后通过localhost的方式去访问，很少尝试把项目部署到公网的云服务器上将项目去交给大多数人使用，本文就来实践这个过程。

一、准备工作

1.1 获得一台云服务器

首先你要有一台可以在公网访问的云服务器。可以用阿里云，虽然阿里云出过几次 “降本增笑” 的事情，但目前为止，还不妨碍我们使用它，至少我认为对于个体开发者暂时无关紧要，有免费的羊毛要懂得薅一薅。

薅也是要有限度的，不能薅的太过，流量超标使用还是要出点小钱的。

1.1 参考文章或视频链接
[1] ESC —— 阿里云官网

1.2 安装SSH客户端

你可以根据自己的喜好来，Windows下比较常用的是XShell、XFTP，我是Ubuntu，使用的是Aechoterm，这款软件是国产化信创的一个产物，从界面和使用便捷性来说，还比较好用，希望在开源上面能更努把力，不仅仅是在易用性上下功夫，在获取程序员的信任方面也得下功夫。

1.2 参考文章或视频链接
[1] 《26个开源免费又好用的SSH客户端工具》—— CSDN
[2] Aechoterm —— 官网

二、云服务器部署

2.1 配置云服务器

安装好SSH客户端后，就要连接到云服务器上开始项目部署了，我这个项目需要安装MySql5或8、nodejs、jdk17软件，具体安装过程见参考文章[2]的末尾，依赖的软件部署好了后就上传自己的前后端项目即可。

PS:享受到了云服务器的便利后，我也有对云服务器付费的一种需要了，只要这台云服务器的年费不是特别夸张，云服务器厂商在这点上迎合了用户需求。

参考文章
[1] 《部署项目到云服务器》- CSDN
[2] 《二、电脑装机实践》- CSDN
[3] 《Nginx服务器出现500（Internal Server Error）错误的原因及解决方法》- CSDN

2.2 使用nginx部署1个或多个前端项目

参考文章
[1] 《简单的利用nginx部署前端项目》- CSDN
[2] 《使用nginx部署多个前端项目》- CSDN
[3] 《前端Vue项目打包部署实战教程》- 知乎
[4] Nginx – static file serving confusion with root & alias - StackOverFlow

三、访问测试

在 网络与安全—安全组—管理规则 中，添加你要从外部访问的端口规则，对于ECS来说，你添加的规则应该是入方向的规则，然后我们从外部去telnet下，看下是否是通的。

telnet ip port

如果上述命令出现以下问题，直接看文章[2]解决

telnet: Unable to connect to remote host: Connection refused

然后我遇到了一个百思不得其解的问题，我部署上去的vue项目，在用http-server执行dist文件夹的时候，出现了一个404，但我第一次明明可以访问的，原因其实和路由有关系，

三、参考文章
[1] 《linux ufw与firewalld防火墙问题产生端口或外网访问ip失败》- CSDN
[2] 阿里云服务器安全组开放指定端口无法访问问题记录 - 阿里云
[3] Vue项目服务器部署刷新页面404问题及解决 - CSDN

四、访问控制

如果不加以限制的话，因为访问流量是要费用的，某些攻击可能把你的钱包掏空，因此需要做一些特定访问的限流操作。
@TODO