在 next.js 中發送 Api 的發布請求

Question

I am trying to send a request to Exist API using next.js the backend in PHP I am trying to send a post request (Axios)with data and see the response who can I handle this API in my code I read that I need to put some API 文件中的代碼，但我不知道怎么做？ 除了我的終點，我應該在哪里？

export default Login;

Answer 1

您的 next.js 代碼很好，並且您在評論中提到的錯誤發生在 Axios 庫由於 Internet 連接問題、CORS 策略等原因而無法與服務器通信時。

我試過在我的系統上運行你的代碼，這就是我在控制台中得到的

我嘗試使用 postman 運行 API 調用，它似乎工作正常。 因此，排除了原因 1，您的錯誤的唯一原因是 CORS，如圖所示。

我還用我的 API 調用替換了您的調用，代碼似乎可以完美運行。 所以請放心，nextjs 或 Axios 不是問題。

另請注意，如果您願意將 cookies 發送到域與運行 nextjs 的域不同的服務器，則需要在 axios 中添加 withCredentials: true 。 像這樣的東西。

axios.get('url', {withCredentials: true});

解決方案：

允許服務器允許的源上的端口（例如 localhost:3000）訪問它。

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

要在 PHP 中啟用 CORS，請查看此解決方案： 帶有 PHP 標頭的跨域請求標頭（CORS）

希望這可以解決您的問題。 如果仍然沒有，請在下面發表評論。