ruby-on-rails - 在创建错误和 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)
})

当我运行此程序时，出现以下错误:

错误:网络错误
在创建错误(createError.js:17)
在 XMLHttpRequest.handleError (xhr.js:87)

谁能帮我解决这个问题吗？

Answer 1

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

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

有关 CORS 的更多信息 here .