12 通过浏览器访问测试的网站内容

在上一篇中,我们讨论了如何优化网站文件的目录结构,以便更好地组织和管理我们的文件。在这篇文章中,我们将探讨如何通过浏览器访问之前准备好的测试网站。确保一切正常后,我们将为网站正式发布做好准备。

部署测试网站

在我们开始之前,请确保您已经将测试网站的文件上传到我们在上篇中优化的目录结构中。假设您的网站文件结构如下:

1
2
3
4
5
/var/www/html/
├── index.html
├── about.html
└── css/
└── styles.css

这里,我们创建了一个简单的HTML文件 index.html 作为测试页面,您可以根据自己的需求更改内容。

测试网站文件内容

我们可以在 index.html 文件中加入一些基础内容,例如:

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css">
<title>测试网站</title>
</head>
<body>
<h1>欢迎访问我的测试网站</h1>
<p>这是一个测试网站,用于确认 Apache2 部署是否成功。</p>
</body>
</html>

确保 css/styles.css 文件存在,并且至少有一小段样式,比如:

1
2
3
4
5
6
7
8
9
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
color: #333;
}

h1 {
color: #0066cc;
}

通过浏览器访问测试网站

  1. 确保 Apache2 服务正在运行,可以在终端中使用以下命令检查:

    1
    sudo systemctl status apache2

    如果服务未运行,请使用以下命令启动 Apache2:

    1
    sudo systemctl start apache2
  2. 打开您的浏览器,在地址栏输入您的服务器 IP 地址或者域名,例如:

    1
    http://your_server_ip_or_domain/

    如果一切配置正确,您应该可以看到 index.html 中的内容。成功访问后,您应该能够看到 “欢迎访问我的测试网站” 的标题以及相关的段落文本。

注意事项

  • 确保防火墙允许 HTTP 和 HTTPS 流量。可以使用以下命令检查 UFW 设置:

    1
    sudo ufw status

    如果 HTTP 和 HTTPS 端口未开启,请执行:

    1
    sudo ufw allow 'Apache Full'
  • 如果浏览器无法访问网站,尝试使用 curl 命令进行诊断:

    1
    curl -I http://your_server_ip_or_domain/

    这将返回HTTP头信息,您可以查看响应状态是否为 200 OK

下一步

在确认测试网站的访问没有问题后,我们将进入下一个环节:检查 Apache2 的状态与错误日志。这是非常重要的一步,以便在遇到问题时及时定位和解决。

通过合理的结构和规则,我们的 Apache2 网站部署之旅将继续推进,希望您能如愿以偿地完成这个过程。在下一篇文章中,我们将深入探讨如何检查 Apache2 的状态和错误日志。

12 通过浏览器访问测试的网站内容

https://zglg.work/apache2-web-deploy/12/

作者

IT教程网(郭震)

发布于

2024-08-10

更新于

2024-08-10

许可协议

分享转发

交流

更多教程加公众号

更多教程加公众号

加入星球获取PDF

加入星球获取PDF

打卡评论