Reactjs 在React中使用承载码从API获取数据时出现问题

Reactjs 在React中使用承载码从API获取数据时出现问题,reactjs,authorization,Reactjs,Authorization,我正在尝试使用react进行API调用。我的代码与下面的代码类似。当我尝试它时,我得到一个日志错误(404页未找到) 请帮我解决这个问题。您必须删除内容类型属性。请求的主体是空的,这就是它失败的原因 “内容类型”字段用于描述数据 完全包含在主体中,以便接收用户代理可以 选择适当的代理或机制将数据呈现给 或以适当的方式处理数据 更新: 如果您正在使用Chrome进行测试,请阅读此线程 MyApp类扩展了React.Component{ 建造师(道具){ 超级(道具); 此.state={ 决议:

我正在尝试使用react进行API调用。我的代码与下面的代码类似。当我尝试它时,我得到一个日志错误(404页未找到)


请帮我解决这个问题。

您必须删除内容类型属性。请求的主体是空的,这就是它失败的原因

“内容类型”字段用于描述数据 完全包含在主体中,以便接收用户代理可以 选择适当的代理或机制将数据呈现给 或以适当的方式处理数据

更新: 如果您正在使用Chrome进行测试,请阅读此线程 MyApp类扩展了React.Component{ 建造师(道具){ 超级(道具); 此.state={ 决议:{}, }; } componentDidMount(){ 取('https://jsonplaceholder.typicode.com/users', { 标题:新标题({ 授权:“持票人XXXXXXXXXXXXXXXXXX”, }), 方法:“获取” }) .then(res=>res.json()) .then(json=>this.setState({res:json})); }; render(){ 返回({JSON.stringify(this.state)}); }; } render(,document.body)


我删除了它并尝试了,但它不起作用,出现了相同的问题。@sudhach这是因为响应有CORS头,而您正在发送一个no CORS请求,请也删除它。删除了它,出现了以下错误,加载失败:对飞行前请求的响应未通过访问控制检查:请求的资源上不存在“访问控制允许来源”标头。因此,不允许访问源“”。如果不透明响应满足您的需要,请将请求的模式设置为“无cors”以获取禁用cors的资源。@sudhach我猜您是在使用Chrome进行测试,因此请阅读此线程,谢谢。它通过添加“访问控制允许来源”的chrome扩展来工作
componentDidMount() {
        this.setState({loading: true})
        fetch('https://jsonplaceholder.typicode.com/users', {

          headers: new Headers({
             Authorization: "Bearer XXXXXXXXXXXXXXXXXXXXX",
            "Content-Type": "application/json"
          }),
          method: "GET",
          mode: 'no-cors'
        })