logo
导航

Error Pages

Introduction

Error page component collection providing user-friendly pages for common HTTP error status codes. Through unified design style and clear information communication, help users understand error causes and provide solutions.

Basic Usage

基础的403禁止访问错误页面示例。

403

禁止访问

抱歉,您没有权限访问此页面。

路径:/cosy-ui/en/courses/components/error-pages/

如需访问权限,请联系系统管理员

404

页面未找到

抱歉,您要找的页面不存在或已被移动。

路径:/cosy-ui/en/courses/components/error-pages/

返回首页

如果您认为这是一个错误,请联系网站管理员

500

服务器内部错误

服务器遇到了一个内部错误,无法完成您的请求。

路径:/cosy-ui/en/courses/components/error-pages/

您可以尝试:

  • • 刷新页面
  • • 几分钟后重试
  • • 检查您的网络连接
  • • 联系技术支持
返回首页

如果问题持续存在,请联系我们的技术支持团队

503

系统维护中

我们正在进行系统维护和升级,服务将很快恢复。

预期恢复时间

2024-12-25 10:00

路径:/cosy-ui/en/courses/components/error-pages/

维护信息
reason: 系统升级
startTime: 2024-12-25 08:00
version: v2.1.0

在等待期间:

  • • 请耐心等待服务恢复
  • • 可以刷新页面查看最新状态
  • • 关注我们的状态页面获取更新

感谢您的耐心等待,我们正在努力恢复服务

---
/**
 * @component Error403.Basic
 *
 * @description
 * 基础的403禁止访问错误页面示例。
 */
import { Error403 } from '@coffic/cosy-ui';
---

<Error403 />

基础的404错误页面示例,展示最简单的404错误页面用法。

403

禁止访问

抱歉,您没有权限访问此页面。

路径:/cosy-ui/en/courses/components/error-pages/

如需访问权限,请联系系统管理员

404

页面未找到

抱歉,您要找的页面不存在或已被移动。

路径:/cosy-ui/en/courses/components/error-pages/

返回首页

如果您认为这是一个错误,请联系网站管理员

500

服务器内部错误

服务器遇到了一个内部错误,无法完成您的请求。

路径:/cosy-ui/en/courses/components/error-pages/

您可以尝试:

  • • 刷新页面
  • • 几分钟后重试
  • • 检查您的网络连接
  • • 联系技术支持
返回首页

如果问题持续存在,请联系我们的技术支持团队

503

系统维护中

我们正在进行系统维护和升级,服务将很快恢复。

预期恢复时间

2024-12-25 10:00

路径:/cosy-ui/en/courses/components/error-pages/

维护信息
reason: 系统升级
startTime: 2024-12-25 08:00
version: v2.1.0

在等待期间:

  • • 请耐心等待服务恢复
  • • 可以刷新页面查看最新状态
  • • 关注我们的状态页面获取更新

感谢您的耐心等待,我们正在努力恢复服务

---
/**
 * @component Error404.Basic
 *
 * @description
 * 基础的404错误页面示例,展示最简单的404错误页面用法。
 */
import { Error404 } from '@coffic/cosy-ui';
---

<Error404 />

基础的500服务器内部错误页面示例。

403

禁止访问

抱歉,您没有权限访问此页面。

路径:/cosy-ui/en/courses/components/error-pages/

如需访问权限,请联系系统管理员

404

页面未找到

抱歉,您要找的页面不存在或已被移动。

路径:/cosy-ui/en/courses/components/error-pages/

返回首页

如果您认为这是一个错误,请联系网站管理员

500

服务器内部错误

服务器遇到了一个内部错误,无法完成您的请求。

路径:/cosy-ui/en/courses/components/error-pages/

您可以尝试:

  • • 刷新页面
  • • 几分钟后重试
  • • 检查您的网络连接
  • • 联系技术支持
返回首页

如果问题持续存在,请联系我们的技术支持团队

503

系统维护中

我们正在进行系统维护和升级,服务将很快恢复。

预期恢复时间

2024-12-25 10:00

路径:/cosy-ui/en/courses/components/error-pages/

维护信息
reason: 系统升级
startTime: 2024-12-25 08:00
version: v2.1.0

在等待期间:

  • • 请耐心等待服务恢复
  • • 可以刷新页面查看最新状态
  • • 关注我们的状态页面获取更新

感谢您的耐心等待,我们正在努力恢复服务

---
/**
 * @component Error500.Basic
 *
 * @description
 * 基础的500服务器内部错误页面示例。
 */
import { Error500 } from '@coffic/cosy-ui';
---

<Error500 />

503服务不可用错误页面的维护模式示例。

403

禁止访问

抱歉,您没有权限访问此页面。

路径:/cosy-ui/en/courses/components/error-pages/

如需访问权限,请联系系统管理员

404

页面未找到

抱歉,您要找的页面不存在或已被移动。

路径:/cosy-ui/en/courses/components/error-pages/

返回首页

如果您认为这是一个错误,请联系网站管理员

500

服务器内部错误

服务器遇到了一个内部错误,无法完成您的请求。

路径:/cosy-ui/en/courses/components/error-pages/

您可以尝试:

  • • 刷新页面
  • • 几分钟后重试
  • • 检查您的网络连接
  • • 联系技术支持
返回首页

如果问题持续存在,请联系我们的技术支持团队

503

系统维护中

我们正在进行系统维护和升级,服务将很快恢复。

预期恢复时间

2024-12-25 10:00

路径:/cosy-ui/en/courses/components/error-pages/

维护信息
reason: 系统升级
startTime: 2024-12-25 08:00
version: v2.1.0

在等待期间:

  • • 请耐心等待服务恢复
  • • 可以刷新页面查看最新状态
  • • 关注我们的状态页面获取更新

感谢您的耐心等待,我们正在努力恢复服务

---
/**
 * @component Error503.Maintenance
 *
 * @description
 * 503服务不可用错误页面的维护模式示例,展示系统维护时的页面。
 */
import { Error503 } from '@coffic/cosy-ui';
---

<Error503
  maintenanceMode={true}
  estimatedRecovery="2024-12-25 10:00"
  statusPageUrl="https://status.example.com"
  debugKVs={{
    reason: '系统升级',
    startTime: '2024-12-25 08:00',
    version: 'v2.1.0',
  }}
/>