将html代码部署到阿里云服务器，并进行域名解析，以及在部署过程中遇到的问题和解决方法...

川长思鸟来 2023-10-10 09:19 8阅读 0赞

本博客主要是说一下，，如何将html代码部署到阿里云服务器，并进行域名解析，以及在部署过程中遇到的问题和解决方法。

1.先在阿里云上购买一台阿里云服务器（ECS云服务器）；

2.远程连接上该服务器，在服务器上安装必要的库；

3.在服务器上安装nginx:

先使用whereis nginx命令查看是否已经安装了nginx，如果没有安装，则输入如下命令进行安装，如果已经安装，则跳过下一步：

使用sudo apt-get install nginx命令安装nginx；

在安装nginx的过程中如果出现错误，安装不成功，参考[https://www.cnblogs.com/feigen/p/11428197.html][https_www.cnblogs.com_feigen_p_11428197.html]进行解决。

nginx安装成功之后，可以再次输入whereis nginx命令进行查看。

Ubuntu安装之后的文件结构大致为：

所有的配置文件都在/etc/nginx下，并且每个虚拟主机已经安排在了/etc/nginx/sites-available下

程序文件在/usr/sbin/nginx

日志放在了/var/log/nginx中

并已经在/etc/init.d/下创建了启动脚本nginx

默认的虚拟主机的目录设置在了/var/www/nginx-default (有的版本 默认的虚拟主机的目录设置在了/var/www, 请参考/etc/nginx/sites-available里的配置)

启动nginx服务器：

输入sudo /etc/init.d/nginx start命令气筒nginx

4. 在浏览器中访问：

然后就可以访问了，[http://localhost/][http_localhost] ， 一切正常！如果不能访问，先不要继续，看看是什么原因，解决之后再继续。 启动时候若显示端口80被占用： Starting nginx: \[emerg\]: bind() to 0.0.0.0:80 failed (98: Address already in use) 修改文件：/etc/nginx/sites-available/default,去掉 listen 前面的 \# 号 , \# 号在该文件里是注释的意思 , 并且把 listen 后面的 80 端口号改为自己的端口，访问是需要添加端口号。

（安装完后如出现403错误，那可能是nginx配置文件里的网站路径不正确）

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <div> 
      <div> 
       <a href="https://wiki.ubuntu.org.cn/%E6%96%87%E4%BB%B6:Nginxdefault.png" rel="nofollow"><img src="https://wiki.ubuntu.org.cn/images/thumb/f/f0/Nginxdefault.png/500px-Nginxdefault.png" alt="" width="500" height="183"></a> 
       <div> 
        <div>
          &nbsp; 
        </div> nginx默认页面 
       </div> 
      </div> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

在此，如果得不到以上的结果，是因为阿里云服务器没有设置安全组规则，需要设置安全规则才能访问得到，设置安全规则请参考：[https://blog.csdn.net/sinat\_25957705/article/details/80641077][https_blog.csdn.net_sinat_25957705_article_details_80641077]

具体操作如下：

安全组设置如下：  
1、进入云服务控制台

2、找到安全组，点击进入   
![这里写图片描述][SouthEast]  
3、在默认的一个安全组上，有一个配置规则按钮。点击配置规则   
![这里写图片描述][SouthEast 1]  
4、这是我原来的安全组规则，没有http的

![这里写图片描述][SouthEast 2]

5、按照如图所示添加

![这里写图片描述][SouthEast 3]

6、浏览器访问ip成功   
![这里写图片描述][SouthEast 4]

配置好安全规则之后，我们就能在浏览器通过ip访问了

5. 将自己的.html文件配置到ngnix:

vim /etc/nginx/sites-available/default 修改文件内容如下图所示：

![1296042-20190912115418923-1584446849.png][]

修改之后点击：wq保存退出，如果改文件保存提示是只读文件，请先修改改文件的权限然后进行修改。

配置完成之后，在浏览器中输入192.168.0.123即可访问该网页了。到此nginx的简单配置算完成。

6.下面介绍nginx配置完成之后，怎么将IP解析到自己的域名。

首先，先在对应的途径GoDaddy,腾讯，阿里，百度等购买自己的域名。

购买完成之后，管理自己的域名名。

GoDaddy域名解析参考网址：[https://www.jb51.net/yunying/43535.html][https_www.jb51.net_yunying_43535.html]

具体解析步骤参考[https://www.cnblogs.com/feigen/p/11511189.html][https_www.cnblogs.com_feigen_p_11511189.html]中的**一、Godaddy域名解析设置。**

**希望本博客对看到的小伙伴有所帮助。**

转载于:https://www.cnblogs.com/feigen/p/11511492.html

[https_www.cnblogs.com_feigen_p_11428197.html]: https://www.cnblogs.com/feigen/p/11428197.html
[http_localhost]: http://localhost/
[https_blog.csdn.net_sinat_25957705_article_details_80641077]: https://blog.csdn.net/sinat_25957705/article/details/80641077
[SouthEast]: https://img-blog.csdn.net/20171129215539409?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvTEpGUEhQ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 1]: https://img-blog.csdn.net/20171129215548762?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvTEpGUEhQ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 2]: https://img-blog.csdn.net/20171129215630643?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvTEpGUEhQ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 3]: https://img-blog.csdn.net/20171129215646583?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvTEpGUEhQ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 4]: https://img-blog.csdn.net/20171129215700564?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvTEpGUEhQ/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[1296042-20190912115418923-1584446849.png]: https://img2018.cnblogs.com/blog/1296042/201909/1296042-20190912115418923-1584446849.png
[https_www.jb51.net_yunying_43535.html]: https://www.jb51.net/yunying/43535.html
[https_www.cnblogs.com_feigen_p_11511189.html]: https://www.cnblogs.com/feigen/p/11511189.html