作成する反応アプリケーション用のプロキシサーバーを設定する

Question

create-react-appを使用して反応アプリケーションを開始し、すべてのファイルにアクセスするためにnpm run ejectスクリプトを実行しました。ちょうど私が秘密を使用する必要があり、将来のAPIプロキシの設定を、ここで

const express = require('express'); 
const app = express; 

app.set('port', 3031); 

if(process.env.NODE_ENV === 'production') { 
    app.use(express.static('build')); 
} 

app.listen(app.get('port'),() => { 
    console.log(`Server started at: http://localhost:${app.get('port')}/`); 
}) 

何もクレイジー：私はその後急行設置し、これらはserver.jsファイルの内容ですpackage.jsonファイル

と同じレベルに座るserver.jsファイルを作成しました私のapiを公開したくないからです。

この後、をpackage.jsonファイルに追加しました。私は今サーバを正しく起動する方法を理解し、このserver.jsファイルを開発モードで使用し、その後は本番環境で使用する必要があるため、こだわっています。私たちは、すなわち/apiと/api2

Answer 1

あなたのserver.jsを実行するために取り出す必要はありませんでしたつ以上のプロキシを使用することができれば

は、理想的にはそれも良いでしょう。 node server.jsと一緒に create-react-appと一緒に実行するだけです。

あなたのdevサーバを起動するために取り出した後でも、まだnpm startを行うことができます。

/api1と/api2を実行するには、server.jsファイルで処理するだけで問題ありません。あなたのserver.jsでportとpackage.json内部proxy設定でいずれかに一致する必要がある - この場合には、それがあるべき"proxy": "http://localhost:3031"