亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

PHP
叮當貓咪 2023-10-22 21:12:42
我正在嘗試使用 PHP 后端的 next.js 向 Exist API 發送請求 我正在嘗試發送帶有數據的發布請求 (Axios) 并查看響應 誰可以在我的代碼中處理此 API 我讀到我需要在 API 文件中添加一些代碼,但我不明白如何實現?除了我的終點之外我應該在哪里?export default Login;
查看完整描述

1 回答

?
呼如林

TA貢獻1798條經驗 獲得超3個贊

您的 next.js 代碼很好,當 Axios 庫由于互聯網連接問題、CORS 策略等而無法與服務器通信時,就會出現您在評論中提到的錯誤。

我嘗試在我的系統上運行你的代碼,這就是我在控制臺中得到的結果

https://img1.sycdn.imooc.com/653520070001889725520150.jpg

https://img1.sycdn.imooc.com/653520160001410525510034.jpg

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

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

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

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

解決方案:

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

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


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


查看完整回答
反對 回復 2023-10-22
  • 1 回答
  • 0 關注
  • 167 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號