时间戳

首页 > 解决方案 > 从应该返回用于 iframe src 的链接的 api 调用获得错误的请求响应

javascript - 从应该返回用于 iframe src 的链接的 api 调用获得错误的请求响应

问题描述

我正在尝试做一个 GET 方法，以便我可以取回要在 iframe 的 src 属性中使用的链接。所以我做了以下事情：

import axios from 'axios';
import { BASE_API_ROOT } from '../../apiConfig';

async function getJobView() {
  const options = {
    method: 'GET',
    headers: {
      'content-type': 'application/json'
    },
    url: `${BASE_API_ROOT}/level2`
  };

  return axios(options);
}

export { getJobView };

所以我尝试将 iframe 嵌入到弹出模式中。所以我所做的是导入该 api 函数并在我的组件中使用它，如下所示：

  modalContent = () => {
    const { classes, history } = this.props;

    const srcUrl = getJobView().then(res => console.log(res)).catch(err => console.log(err.message));
    console.log(srcUrl);
    const renderGetJobView = () => {
      return <iframe src={srcUrl} style={{ width: '800px', height: '800px' }}></iframe>
    }
    return (
      <Paper className={classes.modalPaper}>
        {renderGetJobView()}
      </Paper>
    );
  };

在控制台中，我看到了这个： 在此处输入图像描述

对此有任何想法吗？

标签： javascriptreactjsapiiframeaxios

解决方案

未找到请求的资源。

404状态码的意思resource not found。检查您是否server调用了正确的 API URL。

在这里您可以查看 API 的api_response_codes的状态码

推荐阅读