reactjs 网络错误在创建错误和 XMLHttpRequest.handleError reactjs

Question

我正在创建一个使用 reactjs 作为前端和 rails API 作为后端的应用程序。我的前端在端口 3000 上运行，而 rails 在 3001 上运行。我有代理设置来允许这样做。我向 rails 提出请求。这是我登录用户的帖子请求。请注意，我正在发出 https 请求，因为我的后端应该设置为处理此问题：

axios.post('https://localhost:3001/api/login/authentication', {
  email: email,
  password: password
})
.then(response => {
  this.props.history.push('/Main')
})
.catch(error => {
  console.log(error)
})

当我运行它时，我收到以下错误：

Error: Network Error at createError (createError.js:17) at XMLHttpRequest.handleError (xhr.js:87)

谁能帮我解决这个问题？

Answer 1

即使两个应用程序共享相同的基本 URL，它们也运行在不同的端口上，这足以让浏览器将它们视为两个不同的来源。

在这种情况下，您应该在后端应用程序中启用跨源资源共享（CORS）机制。

有关 CORS 的更多信息，请参见此处。