私はNext.js
とAxios
のライブラリを使用しています。開発環境と本番環境の両方でAJAXリクエストを自動的にプロキシする
マイaxios要求は次のようになります。
axios.get('/api/users/1')
私はAPIを持っていたし、同じインスタンス内のサーバーをレンダリングしながら、これが働いていました。 しかし、私のAPIバックエンドは完全に分離されています。
devモードの間は、localhost:3001
でホストされ、frontend(next)devサーバーはlocalhost:3000
でホストされます。プロダクションレンダリングサーバーではhttps://example.com
にホストされ、APIはhttps://api.someoherdomain.com
でホストされます。 /api/users/1
ようにそれらを保つことが、生産にホストされている間、開発モードを実行しているとhttps://example.com/api/users/1
ながらautomactiallyそれらlocalhost:3000/api/users/1
作り、(原料を輸入し、手でURL文字列を接頭辞なし)クリーンaxios要求を維持するための方法
私はhttps://github.com/zeit/next.js/tree/master/examples/with-custom-reverse-proxyのようなものが必要ですが、運用モードと開発モードの両方で作業する必要があります。私たちは、スコープ外のUIアプリケーション としてプロキシとは別のWebサーバがそのの世話をしているはずはない生産規模に推奨されるアプローチ(それゆえ 明示的DEVフラグ)として
。
これができない場合は、これを処理する最も洗練された方法を探しています。助言がありますか?
私たちは、Plesk(Ngnixを使用)を使用しています。