在web开发中，让服务器运行html代码是实现页面线上访问的基础操作，核心是通过web服务器软件将静态html文件暴露到网络中，供用户通过浏览器访问。不管是个人学习测试还是小型项目部署，掌握这个技能都非常实用。
运行html代码的核心逻辑
html本身是静态标记语言，无法直接处理网络请求，需要借助web服务器软件接收用户的访问请求，然后将对应的html文件内容返回给浏览器。整个流程不需要额外的后端代码处理，只需要保证服务器能正确找到html文件的存储路径即可。
使用Nginx运行html代码的步骤
Nginx是常用的轻量web服务器，适合运行静态html文件，操作步骤如下：
1. 安装Nginx
如果是Linux系统，可以通过包管理器安装，以Ubuntu为例：
# 更新软件源 sudo apt update # 安装Nginx sudo apt install nginx
安装完成后可以通过systemctl status nginx命令查看服务状态，确认是否安装成功。
2. 准备html文件
在服务器上创建一个存放html文件的目录，比如/var/www/html/demo，然后在该目录下创建测试html文件：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>测试页面</title>
</head>
<body>
<h1>服务器成功运行html代码</h1>
<p>这是通过Nginx访问的静态页面</p>
</body>
</html>
3. 配置Nginx站点
打开Nginx的站点配置文件，一般在/etc/nginx/sites-available/default，修改root路径为刚才创建的html文件目录：
server {
listen 80; # 监听80端口，也可以自定义其他未被占用的端口
server_name localhost; # 可以填写服务器域名或IP
root /var/www/html/demo; # html文件存放的根目录
index index.html; # 默认访问的首页文件
location / {
try_files $uri $uri/ =404;
}
}
4. 启动服务并验证
修改完配置后，先测试配置是否有语法错误：
sudo nginx -t
如果提示配置正确，重启Nginx服务：
sudo systemctl restart nginx
此时在浏览器中输入服务器的IP地址或者配置的域名，就能看到刚才编写的html页面内容。
使用Apache运行html代码的步骤
Apache也是常见的web服务器软件，操作步骤和Nginx类似：
1. 安装Apache
Ubuntu系统下安装命令如下：
sudo apt update sudo apt install apache2
2. 放置html文件
Apache默认的静态文件存放目录是/var/www/html，直接将写好的html文件放到这个目录下即可，不需要额外修改太多配置。
3. 启动服务验证
安装完成后Apache会自动启动，也可以通过命令手动启动：
sudo systemctl start apache2
浏览器访问服务器IP，就能看到对应的html页面。
常见问题排查
- 如果访问时提示404错误，先检查html文件的路径是否和服务器配置中的root路径一致，文件名是否正确。
- 如果提示权限错误，需要修改html文件目录的权限，保证服务器进程有读取权限，比如执行
sudo chmod -R 755 /var/www/html/demo。 - 如果端口无法访问，检查服务器防火墙是否开放了对应的端口，比如80端口需要允许外部访问。
注意：如果是本地测试使用127.0.0.1或者192.168.0.1作为访问地址，不需要额外配置防火墙，直接访问即可。
HTML服务器web_serverNginx修改时间：2026-06-28 17:30:27