8

MERN (MongoDB、Express、React、Node) スタックを使用するプロジェクトに取り組んでおり、React コンポーネント内のフォームから Node.js で定義された API エンドポイントにデータを送信するときに問題が発生しています。フォームを送信すると、ブラウザーに CANNOT POST エラーが表示されます。React 内でフォーム送信用のイベント ハンドラーを作成し、Axios などのライブラリを使用して POST を処理すれば、この問題を回避できると確信しています。

しかし、最終的には、この問題は Node バックエンドが React フロントエンドとは異なるポートで実行されているためだと思います。標準形式の POST を使用して、FE と BE を同じポートで実行できるようにスタックを構成する方法はありますか?

4

5 に答える 5

5

開発するには、次の行を package.json ファイルに追加します

"proxy": "http://localhost:{your API port}/"

本番環境では、静的ファイル (React アプリ、スタイルなど) を提供するアプリ (Express、Nginx など) でプロキシを設定できます。通常、判定 API リクエストには「/api/」マスクを使用します。

于 2018-05-29T22:07:58.980 に答える