react-app-shell/activity/src/views/common/service-error.js

react打包脚本和example, 这里的版本请忽略

import React, { Component } from 'react';
import styles from './service-error.less';

import { appConfig } from '../../config';
const { loginUrl } = appConfig.resources;
const { mobileDomain } = appConfig.domain;
/**
 * 接口发生错误时的页面
 */
class ServiceError extends Component {
  /**
   * 刷新当前界面
   */
  reload = () => {
    const { error } = this.props;
    const url =
      error && error.code === 'LOGIN_REQUIRED'
        ? `${loginUrl}?callback=${mobileDomain}/feedback/${this.props.id}`
        : window.location.href;
    window.location.replace(url);
  };

  render() {
    const { error } = this.props;
    return (
      <div className={styles['network-error']}>
        <div className={styles['reload-img']}></div>
        <div className={styles['reload-describe']}>
          {(error && error.msg) || '获取数据失败，请重新加载'}
        </div>
        <div className={styles['reload-btn']} onClick={this.reload}>
          {error && error.code === 'LOGIN_REQUIRED' ? '登陆' : '重新加载'}
        </div>
      </div>
    );
  }
}

export default ServiceError;