HTML + CSS + JavaScript

上传到云服务器后,打开它,就能快速验证静态站点是否部署成功。

这个页面专门用来帮你测试 Nginx 对静态资源的分发能力,包含样式、脚本、字体展示和本地交互。

你可以用它确认这些事情

  • 首页 `index.html` 是否能被 Nginx 正确访问
  • 静态资源路径 `assets/css` 和 `assets/js` 是否工作正常
  • JavaScript 是否正常执行并更新页面内容
  • 浏览器缓存、刷新与多次访问是否表现稳定

点一下按钮试试

每次点击“检测页面状态”,页面会随机模拟一次前端检测结果,你可以用它确认脚本已成功加载执行。

页面已加载,等待你发起测试。

最简单的静态站点配置

如果你只是想快速验证部署,可以把站点目录指向当前项目,把首页设成 `index.html`。

server {
    listen 80;
    server_name _;

    root /var/www/testnginxpage;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }
}