2017-10-13 22 views
1

私はノードアプリケーションとcreate-react-appをネストしています。開発環境内では、同時に2つのサーバーを実行します。一方はエクスプレッション側、もう一方は応答側です。現時点で反応側POSTリクエストのみのpackage.jsonでプロキシを設定する方法は?

のノードのための

localhost:5000

/急行側 localhost:3000、私は、サインアップページ http://localhost:3000/signupを持っており、ユーザーが「サインアップ」ボタンを押すと、それはPOSTリクエストを行います〜 /signup

/signupためのみ POSTリクエストがlocalhost:5000及びません(サインアップフォームのビューページである)GETリクエストにプロキシされるように、私はそれをしたいです。

どうすればよいですか?

package.json(で作成反応するアプリ):コードの

{ 
    "name": "client", 
    "version": "0.1.0", 
    "private": true, 
    "proxy": { 
    "/signup": { 
     "target": "http://localhost:5000" 
    } 
    }, 
    "dependencies": { 
    "axios": "^0.16.2", 
    "lodash": "^4.17.4", 
    "materialize-css": "^0.100.2", 
    "react": "^16.0.0", 
    "react-dom": "^16.0.0", 
    "react-redux": "^5.0.6", 
    "react-router-dom": "^4.2.2", 
    "react-scripts": "1.0.14", 
    "redux": "^3.7.2", 
    "redux-form": "^7.0.4", 
    "redux-thunk": "^2.2.0" 
    }, 
    "scripts": { 
    "start": "react-scripts start", 
    "build": "react-scripts build", 
    "test": "react-scripts test --env=jsdom", 
    "eject": "react-scripts eject" 
    } 
} 

レクリエーション:https://github.com/drhectapus/Voting-App

答えて

0

私は同じことを行うためのオプションのためではなく、運を探していたが、私は別のを見つけました私のwebpackに簡単な設定を含めることで、

はIセットアップdevServer

devServer: { 
    ... 
    proxy: { 
    '/signup': 'http://localhost:5000' 
    } 
} 

が、それはあまりにもstucksここに誰が誰かに役立ちます願っています。一部のより具体的なので

私はデモを持っていましたhere

よろしくお願いいたします。