Node.js 使用节点抓取来响应应用程序抓取数据

我正在使用CreateReact应用程序启动程序与React一起玩。我想用节点获取测试获取数据，但它似乎不起作用。我能够让它与axios一起工作

我得到一个错误，大意是：/~/encoding/lib/iconv-loader.js中的警告 关键依赖项： 9:12-34依赖请求是一个表达式 @./~/encoding/lib/iconv-loader.js 9:12-34

这似乎是一个错误webpack:///./~/react scripts/~/react dev utils/webpackHotDevClient.js

我还收到一个错误，上面写着：加载资源失败：net:：ERR_CONNECTION_超时，在发送请求时，提取似乎将端口附加到url：

代码：

从“React”导入React
从“节点提取”导入节点提取
类NodeFetchData扩展React.Component{
建造师（道具）{
超级（道具）；
此.state={
职位：[]
};
}
componentDidMount（）{
NodeFetch（'http://codepen.io/jobs.json')
。然后（res=>{
this.setState（{jobs:res.data.jobs}）；
});
}
render（）{
返回(

{this.state.jobs.map（job=>
{job.company\u name}
)}

);
}
}
导出默认NodeFetchData；

我建议您使用，这是相当标准的，事实上，这是最近作为对等添加的react@15.4）

---

对于更复杂的情况（如多个文件上传等）

superagent

很好

我猜你是在和我的朋友发生冲突。默认情况下，大多数浏览器不允许页面上的JS代码访问来自不同来源的内容。

import React from 'react'
import NodeFetch from 'node-fetch' 

class NodeFetchData extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      jobs: []
    };
  }


  componentDidMount() {

    NodeFetch('http://codepen.io/jobs.json')
    .then(res => {
      this.setState({ jobs:res.data.jobs });
    });
  }

  render() {
    return (
      <div>
        <ul>
          {this.state.jobs.map(job =>
            <li key={job.hashid}>{job.company_name}</li>
          )}
        </ul>
      </div>
    );
  }
}

export default NodeFetchData;