自定义Nginx页面

最新推荐文章于 2025-02-19 13:39:30 发布

Mr.G@

最新推荐文章于 2025-02-19 13:39:30 发布

阅读量581

点赞数 1

分类专栏： Nginx 文章标签： nginx web js

本文链接：https://blog.youkuaiyun.com/centosa/article/details/105473056

版权

Nginx 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在Nginx服务器中设置自定义的404错误页面，并提供了创建Cookie测试页面的方法，帮助优化用户体验并进行Web交互测试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、404.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>404</title>
  <style media="screen">
    html,
    body {
	  margin: 0;
      padding: 0;
      width: 100%;
      height: 100%
    }

    body {
      background: url("./Nginx40401.jpg") no-repeat;
      background-size: 100% 100%;
    }
  </style>
</head>
<body>
</body>
</html>

2、Cookie测试页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="Refresh" content="10"> //为了方便测试，每10秒刷新一次页面
</head>
<body>
<h1>test.test.com域测试</h1>
下面列出了该域的cookie<br>
<p>
<script>
document.cookie="guid=A1UD8E5512451111111111"; //种cookie，追加
document.cookie="city=beijing"; //种cookie，追加
document.write(document.cookie); //列出已经存在的
</script>
</p>
</body>
</html>