我尝试在启用跨源的情况下从 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)
谢谢。