Javascript 如何处理react中嵌入文档的500错误?

Javascript 如何处理react中嵌入文档的500错误?,javascript,reactjs,http,error-handling,jsx,Javascript,Reactjs,Http,Error Handling,Jsx,我正在做一个React项目,它在JSX中包含一个嵌入的pdf对象。鉴于这不是传统意义上的常规HTTP请求,我需要帮助处理错误。就我而言,我收到的是500英镑。以下是JSX: return ( <div className="policyViewDocumentContainer"> <AccountFlowHeader guid={guid} history={history} handleSignOut={this.handleSignOut}

我正在做一个React项目,它在JSX中包含一个嵌入的pdf对象。鉴于这不是传统意义上的常规HTTP请求,我需要帮助处理错误。就我而言,我收到的是500英镑。以下是JSX:

 return (
      <div className="policyViewDocumentContainer">
        <AccountFlowHeader guid={guid} history={history} handleSignOut={this.handleSignOut} />
        <p className="Header">
          Card
        </p>
        <hr />
        <div className="policyViewDocumentInnerContainer">
          <iframe
            title="Document"
            data={`https://agency.${env}api.up.com/agency/policyNumber/${contractNum}`}
            type="application/pdf"
            style={{
              width: '100%',
              minHeight: 'calc(100vh - 130px',
            }}
          >
            <embed
              src={`https://agency.${env}api.up.com/agency/policyNumber/${contractNum}`}
              type="application/pdf"
            />
          </iframe>
          <div />
        </div>
      </div>
    );
返回(

卡片


);
我目前收到以下错误,我不知道如何处理它。我想在500的情况下显示一个模态或一些其他jsx

<html><body><h1>Whitelabel Error Page</h1><p>This application has no explicit mapping for /error, so you are seeing this as a fallback.</p><div id='created'>Sat Nov 30 04:26:06 UTC 2019</div><div>There was an unexpected error (type=Internal Server Error, status=500).</div><div>Empty PDF Document</div></body></html>
Whitelabel Error Page此应用程序没有/Error的显式映射,因此您将此视为回退。

Sat Nov 30 04:26:06 UTC 2019发生意外错误(type=Internal Server Error,status=500)。PDF文档为空
查找您的url以获取服务器访问权限您是否能够对此进行详细说明?通常,当url不正确、传递参数无效或服务器未运行时,会发生这种情况