CDN 如何实现自定义错误页面?

CDN（Content Delivery Network）是一种全球性的分布式缓存系统，可以缓存用户请求的内容，并通过在全球范围内的多个网络节点，将数据快速地传输到客户端。在处理错误页面时，CDN 可以自定义错误页面，以展示更加友好、易于理解的提示信息，改善用户体验。

实现自定义错误页面主要通过下面几种方法：

自定义静态 HTML 页面

CDN 可以缓存静态 HTML 页面，并返回给客户端。当发生错误时，CDN 会返回自定义的错误页面，如：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
   <title>Error</title>
   <style>
        body 

        h1 

        p 
    </style>
</head>
<body>
    <h1>Sorry, an error occurred.</h1>
    <p>Sorry, an error occurred.</p>
</body>
</html>

自定义 JavaScript 代码

CDN 也可以通过 JavaScript 代码来处理定制错误页面的逻辑。例如，在 PHP 应用程序中，可以使用 JavaScript 检测错误并提供自定义错误页面。具体实现方法如下：

<!DOCTYPE html>
<html>
<head>
	<title>Error Page</title>
</head>
<body>
	<h1>Error Page</h1>
	<p id="errmsg"></p>
	<script>
        if (document.getElementById("errmsg") == null) 
	</script>
</body>
</html>

上面示例中，通过判断一个 ID 是 "errmsg" 的段落标签是否存在，实现自定义错误页面的逻辑。当错误发生时，系统会自动生成一个包含错误信息的字符串，将其转换为 HTML 代码并写入页面。当刷新页面时，会再次执行上面的代码，确保每次错误页面中的信息都是全新的。

配置 HTTP 错误代码

在 CDN 响应头中可以配置 HTTP 错误代码，如 404 Not Found，当返回该状态码时，CDN 可以自定义错误页面，以提供更好的用户体验。具体配置方法如下：

<!DOCTYPE html>
<html>
<head>
	<title>Error Page</title>
</head>
<body>
	<h1>Error Page</h1>
	<p>对不起，找不到您所请求的资源。</p>
</body>
</html>

HTTP/1.1 404 Not Found

以上代码中，使用 HTTP 错误代码 404 Not Found 返回了一个自定义的错误页面。

在CDN 中实现自定义错误页面，需要结合 CDN 的配置、自定义静态 HTML 页面、定制 JavaScript 代码以及配置 HTTP 错误代码等方法来完成。在实际应用中，需要考虑不同场景下，如何设计和实现更符合逻辑、用户体验更好、更合理的自定义错误页面。

页面内容是否对你有帮助？

有帮助

没帮助

阻止Imperva CDN在IIS上停止网站时显示原始IP信息

https、cdn、iis7

我正在使用CDN作为我的网站的代理。 📷📷📷当站点停止并且我们试图使用(https://)打开网站

浏览 0提问于2022-01-30得票数 1

回答已采纳

2回答

如何在Drupal 8中创建自定义403/404/406/503页？

theming

我如何以编程的方式创建它并在特性中进行打包？树枝覆盖？

浏览 0提问于2016-09-16得票数 3

1回答

Cloudflare正在缓存我的登录页面。我应该在Cloudflare级别还是在应用程序级别，或者在两者都进行缓解？

php、wordpress、caching、cdn、cloudflare

我们不太确定是什么触发了它，或者这是否是一个很长时间以来的问题……无论如何，一位客户报告了这件事，现在我正试图从这段令人不快的经历中吸取教训。所有人的目光都集中在这个网络人身上。问: Cloudflare正在缓存我的登录页面。我应该在Cloudflare级别还是在应用程序级别，或者在两者都进行缓解？如果是在应用程序级别，包含使用标头的缓存策略(即无缓存、私有等)是否足够。

浏览 30提问于2021-02-05得票数 0

1回答

可以在web.config中硬设置状态代码吗？

iis、web-config、http-status-code-404

我想返回404状态代码为每个单一的请求到一个网站。我仍然希望提供一页内容，但我希望每个请求的状态代码为404。(这很奇怪，我知道，但有一个特定的原因.)我可以从web.config设置这个吗？

浏览 1提问于2019-11-19得票数 0

3回答

设置维护页面

ubuntu、load-balancing、rackspace

我的问题是，当我的服务器关闭时，显示维护页面的最佳方法是什么？

浏览 0提问于2013-02-07得票数 0

回答已采纳

1回答

如何将基于react.js的SPA部署到Azure App Service + CDN？

azure、reactjs、azure-web-app-service、single-page-application、azure-blob-storage

我正在创建一个基于react.js的SPA，并且在发布时会有一个登录页面。静态登录页应该有一个指向完整SPA的操作按钮。对于亚马逊网络服务，我意识到这是通过简单地使用S3和Cloudfront来完成的，而且Cloudfront还允许路由到404上的自定义错误页面。然而，对于Azure，我不确定如何模仿这样的架构。我猜我应该使用Blob存储来存储SPA和登录页面，但是我如何能够模仿Cloudfront的功能呢？Azure CDN足够吗？谢谢!

浏览 24提问于2016-08-14得票数 3

回答已采纳

2回答

如何在CSHTML(Razor)页面中获取带有@的CDN

razor、cdn

如何在CSHTML(Razor)页面中获取带有@的CDN 假设我们在CDN中有@，并且希望在CSHTML(Razor)页面中使用该脚本 ? 但它给出了错误 ? 如何将该CDN添加为脚本

浏览 42提问于2021-06-14得票数 0

回答已采纳

1回答

针对CDN的B2C自定义策略LoadUri无法加载登录表单

azure、cors、sta

我们有一个带有自定义策略的B2C，用于注册、登录和社交登录，基本页面布局是从CDN (base.html)加载的，我们的自定义页面布局非常简单： </body>在<em

浏览 8提问于2021-05-24得票数 0

回答已采纳

2回答

如何在木兰花中接入CDN？

magnolia

我正在使用Azure CDN，在那里我发布了我所有的图像，css，js files.Now我想从CDN而不是DAM获得所有的资产。提前谢谢。

浏览 2提问于2015-09-24得票数 0

1回答

在sharepoint登录中单击取消按钮时停留在同一页上

sharepoint、sharepoint-2007

当他单击取消按钮时，我希望页面保留在sharepoint网站的欢迎页面上，并具有匿名访问权限。该怎么做呢？

浏览 1提问于2010-10-28得票数 2

回答已采纳

2回答

如何处理Play框架中丢失的静态文件？

playframework、playframework-1.x、static-files

我过去常常在Play 1.2.5模板中使用以下代码声明静态资源：我的问题是，当指定的文件丢失时，视图会崩溃...我怎样才能避免这个问题？我更喜欢显示一个缺少图像的视图，而不是根本没有视图！

浏览 0提问于2012-10-17得票数 1

回答已采纳

1回答

Azure在裸自定义域上为端点启用HTTPS

domain-name-system、azure、dns-zone

回到我在CDN中创建的端点，我为我的网站添加了两个自定义域，它们是"example.com“和"www.example.com”，两个URL现在都正常工作，并且打开存储帐户中托管的站点，但它是通过HTTP而不是HTTPS实现的。我单击端点概述刀片中的www.example.com自定义域，并从我为自定义域HTTPS选择on的新刀片中选择CDN托管并单击保存以进行验证，验证它工作正常，www.example.com在HTTPS上工作对端点中的裸自定义域

浏览 0提问于2019-06-18得票数 2

2回答

如何在CRM Dynamics中构建自定义页面？

dynamics-crm

例如注册页面，用户列表页面，即任何基于自定义业务逻辑显示数据的页面和页面应仅授权给授权用户。我只想建立一个网站，就像我们用Salesforce做的那样，使用visualforce页面和自定义的顶层类等等。如何在CRM Dynamics中实现同样的功能？实现这一目标的方法是什么？

浏览 0提问于2018-07-13得票数 1

1回答

Herkoku“必须在24小时内睡6小时”，显示自定义文本？

node.js、heroku、handlebars.js

Heroku (免费) 但我是否可以影响信息或任何文本显示给用户：“你好用户，展开网站需要一些休息，请再试从早上6点到凌晨2点”。我刚找到

浏览 4提问于2015-08-30得票数 1

1回答

如何为亚马逊s3激活cname widcart Ssl

ssl、amazon-s3、cname

我将亚马逊s3设置为自定义域名，如下所示我已经从Namecheap购买了Wildcart SSL，并通过Cpanel安装当请求时，SSL错误出现在浏览器中，因为normail SSL不是安装不安全的页面。如何将WILDCART SSL设置为CNAME子域

浏览 2提问于2015-02-12得票数 1

2回答

如何将多个自定义域添加到托管静态网站的Azure存储帐户？

azure、dns、azure-storage-account

有人知道如何将多个域添加到Azure存储帐户静态网站托管吗？例如，Azure只接受www.domain.com和domain.com中的一个或另一个。

浏览 1提问于2020-04-30得票数 1

3回答

定制的引导和CDN

twitter-bootstrap、cdn

我有点搞不懂定制的引导插件是如何工作的，以及它们是否/如何与传统的CDN一起工作。在线调整自定义？因此，我的第一个问题是：是否有办法在页面上进行更改，然后在某种演示案例中看到它们的作用?如果没有，核心引导程序开发人员如何有效地定制/调整引导带？所以有很多流行的Bootstrap CDN。我一次又一次看到的是：但我必须假设这个URL只是删除了“正常”(非定制)最新版本的B

浏览 11提问于2014-10-20得票数 4

回答已采纳

1回答

如何设置在运行时生成的新页面的预录制HTML存储在Next.js中的增量静态生成(ISR)的位置，例如S3？

heroku、next.js

假设我有一个像媒体克隆一样的多用户博客网站，当一个用户从网站本身的web UI创建一个新的博客页面时，我希望它的HTML在未来通过一个动态的路径(如/posts/[user]/[pid] )被静态地预编码并从缓存中服务在增量静态生成中，也会出现同样的问题，我可能只想在构建时预录制最活跃的页面的一个子集。在本地运行时，生成的预录制文件将存储在.next/server/pages下的本地文件系统中(尽管我在下找不到在运行时生成页面的明确示例)。我可以找到一些可能相关的线程：我

浏览 7提问于2021-05-25得票数 3

2回答

HTML5中的MIDI音乐支持

html、audio、midi

现在，javascript和windows media player/quicktime浏览器插件支持以html格式播放midi。我想知道将来html5是否会支持使用音频标签播放midi的消息？

浏览 6提问于2013-01-05得票数 20

回答已采纳

1回答

Azure CDN -请求主机名与原始主机名不同

azure、cdn、azure-cdn

假设我们在Azure CDN端点上有一个自定义域名(例如，自定义域是www-mydomain-com)，它使用Azure CDN托管证书。应该注意的是，目前Azure应用程序服务还添加了相同的自定义域(www-mydomain-com)，并添加了一个有效的公开信任证书。客户端请求www-mydomain-com -和页面正常加载-我可以确认这是一个缓存错过。如果客户端重新请求www-mydomain/test，则页面将从缓存中正常加载。似乎原始客户端请求是使

浏览 6提问于2022-03-17得票数 0

回答已采纳

点击加载更多