Demo

Exception异常

异常页用于对页面特定的异常状态进行反馈。通常，它包含对错误状态的阐述，并向用户提供建议或操作，避免用户感到迷失和困惑。

引用方式：

import Exception from 'ant-design-pro/lib/Exception';

详细使用方式请参照：独立使用 pro 组件

代码演示

404 页面

404 页面。

import Exception from 'ant-design-pro/lib/Exception';

ReactDOM.render(<Exception type="404" />, mountNode);

500 页面

500 页面。

import Exception from 'ant-design-pro/lib/Exception';

ReactDOM.render(<Exception type="500" />, mountNode);

403 页面

403 页面，配合自定义操作。

import Exception from 'ant-design-pro/lib/Exception';
import { Button } from 'antd';

const actions = (
  <div>
    <Button type="primary">Home</Button>
    <Button>Detail</Button>
  </div>
);
ReactDOM.render(<Exception type="403" actions={actions} />, mountNode);

API#

参数	说明	类型	默认值
backText	默认的返回按钮文本	ReactNode	back to home
type	页面类型，若配置，则自带对应类型默认的 `title`，`desc`，`img`，此默认设置可以被 `title`，`desc`，`img` 覆盖	Enum {'403', '404', '500'}	-
title	标题	ReactNode	-
desc	补充描述	ReactNode	-
img	背景图片地址	string	-
actions	建议操作，配置此属性时默认的『返回首页』按钮不生效	ReactNode	-
linkElement	定义链接的元素	string\|ReactElement	'a'
redirect	返回按钮的跳转地址	string	'/'