別のベース URL を使用する方法

Question

開発中、http://localhost:5173/ の HMR 用 React クライアントとして Vite を使用し、API 呼び出しとリソースを処理するために Node バックエンドを使用しました。

運用ビルドの場合、Node はフロントエンド サービスを提供するため、/whatever/endpoint を使用したいと考えています。したがって、Vite によって提供されるときに / を http://my.api.host:3000/ にマッピングするオーバーライドされた方法が必要です。

これはよくある操作だと思いますが、やり方がわかりません。ドキュメントによると、これを行う必要があると思います:

vite.config.js

リーリー ＃＃＃しかしこれは：＃＃＃ リーリー

まだ

http://localhost:5173

からサービスを提供しようとしています。

Answer 1

Vite を本番環境に使用するときに API エンドポイントを書き換えて正しい場所からリソースを提供するには、Vite 設定でプロキシ オプションを使用できます。設定方法の例を次に示します:

リーリー

「rewrite」関数は、ターゲットに転送する前にリクエスト パスから /whatever/endpoint プレフィックスを削除するために使用されます。