Javascript 在next.js中发送Api的post请求

我正在尝试使用next.js发送对Exist API的请求 在PHP的后端，我试图发送一个post请求（Axios）和数据，并查看响应 谁可以在我的代码中处理这个API 我读到我需要在API文件中添加一些代码，但我不知道如何做？ 除了我的终点，我应该在哪里

export default Login;

---

您的next.js代码很好，当Axios库由于Internet连接问题、CORS策略等而无法与服务器通信时，就会出现您在注释中提到的错误

我已经尝试在我的系统上运行你的代码，这是我在控制台中得到的

我尝试过使用postman运行API调用，它似乎工作正常。因此，排除了原因1，导致错误的唯一原因是CORS，如图所示

我还用我的API调用替换了您的API调用，代码似乎工作得非常完美。因此，请确保nextjs或Axios没有问题

还请注意，如果您愿意将cookie发送到 与运行nextjs的域不同，然后 需要在axios中添加withCredentials:true。差不多 这个

解决方案：

允许服务器允许的源上的端口（例如localhost:3000）访问它

header('Access-Control-Allow-Origin: *'); 

要在PHP中启用CORS，请查看此解决方案：

---

希望这能解决你的问题。如果仍然没有，请在下面发表评论。

next.js不需要任何额外的API设置，它的工作原理与Reactjs非常相似，只是CSR（客户端渲染）和SSR（服务器端渲染）不同。你能详细说明一下你得到的错误吗？请求错误中的错误：createError（createError.js:16）处的网络错误，XMLHttpRequest.handleError（xhr.js:91）我在php中处理CORS，我可以在postman中的响应头中看到它，但我仍然面临相同的问题error@AfnanShawawreh在Postman中无法很好地识别CORS问题，因为它是一种开发工具，并且不强制执行CORS策略。下面的链接也解释了这一点。在Chrome浏览器中试试这个。转到检查->控制台->日志级别->选择错误和信息。现在尝试提交请求，看看是否在控制台中看到CORS错误。如果是，则后端仍然不允许跨源API调用。如果您没有看到错误，请告诉我。

header('Access-Control-Allow-Origin: *');