reactjs网络错误在create错误和XMLHttpRequest.handleError reactjs

Question

我正在创建一个以reactjs为前端、以rails API为后端的应用程序。我的前端在端口3000上运行，rails在3001上运行。我的代理设置允许这样做。我向铁路公司提出要求。这是我对用户登录的帖子请求。请注意，我之所以发出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的信息。