为什么我在尝试使用 fetch 连接 Api 时收到“错误请求”错误 400？

Question

我遇到了 FE/BE 集成的问题。当我尝试从 PHP api 取回优惠对象时，我收到 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 端点正常工作。