2016-03-25 16 views
0

別のサーバーのバックエンドREST APIに接続する1つのページアプリがあります。特定のURLに対して自動生成されるwebpack-dev-server?

index.htmlアプリの読み込みでは、最初に行うのはGET /env.jsonで、これにはREST APIサーバーのURLが含まれています。明らかに、それはdevでのテストと比べてprodとは異なります。

webpack-dev-serverにミドルウェアを追加する方法はありますか?それで、GET /env.jsonは、自動的に生成されたjson(env varまたは他のものに基づいています)を処理するようにしますか?

もっと簡単な方法があれば、私はそれを開いています。私の前提は、devとtestがバックエンドサーバーを起動し、応答がGET /env.jsonに設定され、prodは別のファイルが追加されるか、動的に生成されるというものでした。

+0

あなたは 'setup'オプションを使用してルートを設定することができようになっていますhttps://github.com/webpack/webpack-dev-server/blob/ master/lib/Server.js#L255 –

+0

@BobSponge(あなたのハンドルは素晴らしいです):それは素晴らしいです。それを答えに入れる? – deitch

+0

@BobSpongeええ、それは動作します!私はちょうどそれを試みた。答えとして入れて、私はそれを受け入れます。ありがとうございました! – deitch

答えて

1

webpack-dev-server source codeによれば、オプションがあり、関数の引数としてapp(明示的なインスタンス)変数が使用されます。だから、あなたはあなたの設定では、このオプションを指定してルートを操作することができます。

devServer: { 
    setup: function(app) { 
     app.get('env.json', function(req, res) { 
      // ... 
     }); 
    } 
} 
+0

魅力的な作品です。ボブありがとう。 – deitch

関連する問題