小编adx*_*dxl的帖子

表单提交 ReactJS 时出现“类型错误:尝试获取资源时出现网络错误”

我尝试在启用跨源的情况下从 API 获取一些数据,但收到此错误。使用JSONPlaceholder
(用于测试的在线 REST API) 也是如此,使用他们提供的示例:

fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => response.json())
  .then(json => console.log(json))
Run Code Online (Sandbox Code Playgroud)

这两个请求(JSONPlaceholder 和我的 API)都可以使用 Insomnia(REST 客户端)正常工作,所以我猜测问题出在我的 React 应用程序 (16.13.1) 中。

编辑

经过一些测试,似乎只有在从 a 调用 fetch 函数时才会出现错误<form>,以下是一些详细信息:

handleSubmit = () => {
   fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => response.json())
  .then(json => console.log(json))
}
Run Code Online (Sandbox Code Playgroud)
<form onSubmit={this.handleSubmit} >
    <button type="submit">FETCH</button>
</form>
Run Code Online (Sandbox Code Playgroud)

谢谢。

javascript reactjs

3
推荐指数
1
解决办法
5413
查看次数

标签 统计

javascript ×1

reactjs ×1