Centos 7 安装Httpd服务测试http页面

╰半夏微凉° 2022-04-15 04:29 225阅读 0赞

Apache HTTP Server（简称Apache）是Apache软件基金会的一个开放源代码的网页服务器软件，可以在大多数电脑操作系统中运行，由于其跨平台和安全性（尽管不断有新的漏洞被发现，但由于其开放源代码的特点，漏洞总能被很快修补。因此总合来说，其安全性还是相当高的。）。被广泛使用，是最流行的Web服务器软件之一。它快速、可靠并且可通过简单的API扩充，将Perl／Python等解释器编译到服务器中。（摘之他人）

\[1\] 安装 httpd.默认全部  
\[root@localhost ~\]\# yum -y install httpd

\#增加开启启动  
\[root@localhost ~\]\# systemctl start httpd  
\[root@localhost ~\]\# systemctl enable httpd

\[root@localhost ~\]\# netstat -lnt | grep 80  
tcp        0      0 0.0.0.0:80              0.0.0.0:\*               LISTEN       
tcp6       0      0 :::80                   :::\*                    LISTEN

\[3\] 如果Firewalld正在运行，请允许HTTP服务。，HTTP使用80 / TCP  
\[root@localhost~\]\# firewall-cmd --add-service=http --permanent  
success  
\[root@localhost ~\]\# firewall-cmd --reload  
success

\[4\] 创建一个HTML测试页，并使用Web浏览器从客户端PC访问它。如果显示以下页面，是正确的  
\[root@localhost ~\]\# vi /var/www/html/runroo3.html

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">   
<title>菜鸟教程(runoob.com)</title>   
<style>  
div.img \{  
    border: 1px solid \#ccc;  
\}

div.img:hover \{  
    border: 1px solid \#777;  
\}

div.img img \{  
    width: 100%;  
    height: auto;  
\}

div.desc \{  
    padding: 15px;  
    text-align: center;  
\}

\* \{  
    box-sizing: border-box;  
\}

.responsive \{  
    padding: 0 6px;  
    float: left;  
    width: 24.99999%;  
\}

@media only screen and (max-width: 700px)\{  
    .responsive \{  
        width: 49.99999%;  
        margin: 6px 0;  
    \}  
\}

@media only screen and (max-width: 500px)\{  
    .responsive \{  
        width: 100%;  
    \}  
\}

.clearfix:after \{  
    content: "";  
    display: table;  
    clear: both;  
\}  
</style>  
</head>  
<body>

<h2 style="text-align:center">响应式图片相册</h2>

<div class="responsive">  
  <div class="img">  
    <a target="\_blank" href="img\_fjords.jpg">  
      <img src="http://www.runoob.com/wp-content/uploads/2016/04/img\_fjords.jpg" alt="Trolltunga Norway" width="300" height="200">  
    </a>  
    <div class="desc">Add a description of the image here</div>  
  </div>  
</div>

<div class="responsive">  
  <div class="img">  
    <a target="\_blank" href="img\_forest.jpg">  
      <img src="http://www.runoob.com/wp-content/uploads/2016/04/img\_forest.jpg" alt="Forest" width="600" height="400">  
    </a>  
    <div class="desc">Add a description of the image here</div>  
  </div>  
</div>

<div class="responsive">  
  <div class="img">  
    <a target="\_blank" href="img\_lights.jpg">  
      <img src="http://www.runoob.com/wp-content/uploads/2016/04/img\_lights.jpg" alt="Northern Lights" width="600" height="400">  
    </a>  
    <div class="desc">Add a description of the image here</div>  
  </div>  
</div>

<div class="responsive">  
  <div class="img">  
    <a target="\_blank" href="img\_mountains.jpg">  
      <img src="http://www.runoob.com/wp-content/uploads/2016/04/img\_mountains.jpg" alt="Mountains" width="600" height="400">  
    </a>  
    <div class="desc">Add a description of the image here</div>  
  </div>  
</div>

<div style="padding:6px;">  
    
  <h4>重置浏览器大小查看效果</h4>  
</div>

</body>  
</html>

测试：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpMjQ3NjMwNjc2_size_16_color_FFFFFF_t_70][]

总结：安装httpd服务，部署调试正常页面应该不难。

但vim配置文件时，需要更改成访问地址成为域名地址，需要公网地址来绑定。所以我修改完conf文件后，重启httpd服务不成功。

![20181121161558104.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpMjQ3NjMwNjc2_size_16_color_FFFFFF_t_70]: /images/20220415/39d560f40c554602a6307d195dcc7329.png
[20181121161558104.png]: /images/20220415/8add6ea5ea5f4b37bc8815601fe13c6b.png