為什么我在嘗試使用 fetch 連接 Api 時收到“錯誤請求”錯誤 400？

Question

我面臨 FE/BE 集成的問題。 當我嘗試從 PHP api 取回報價 object 時，我收到 400 錯誤。

我使用代理到達 API。

 class OfferSite extends Component { state = { siteId: 1, offerId: 4, offerDetails: "", }; componentDidMount = () => { const data = { "siteId": this.state.siteId, "offerId": this.state.offerId, }; fetch('/v1/offers/details', { method: "POST", headers: {'Content-Type': 'application/json'}, body: JSON.stringify({"siteId": 1, "offerId": 4}), }).then((response) => response.json()).then((data) => { this.setState({offerDetails: data}); console.log(data); }) }; render() { return ( <div> <OfferCover /> <OfferMenu /> <OfferHighlights /> <OfferMovie /> <OfferResort /> <OfferAccomodation /> <OfferAttractions /> <OfferSchedule /> <OfferTransport /> <OfferCourses /> <OfferPrice /> <OfferAddons /> <OfferTrips /> </div> ) } } export default OfferSite;

 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

這是我得到的錯誤：

[object%20Module]:1 GET http://localhost:3000/[object%20Module] 400 (Bad Request)

我已經花了大約 6 個小時試圖自己找到解決方案，並將感謝任何幫助:)

Answer 1

問題：

---

Error 400表示后端服務器無法處理您的請求。 換句話說，您的請求不遵循后端服務器上的規則。

解決方案：

---

乍一看，API 調用語法似乎沒有問題。 首先，使用Postman檢查您的請求，以確保 API 端點正常工作。