title: React not using proxy server
body: <p>I have added the proxy to the package.json in my react app, I have the proxy server up and running on port 3001 - I can hit it with my browser.  </p>
  
  <p>I have tried using both axios and fetch, it doesn't seem to matter. Here's a <a href="https://github.com/gaahma/react-proxy.git" rel="nofollow noreferrer">link to the repo</a> if you want to check it out.</p>
  
  <p>Otherwise, here is the package.json in my react app:</p>
  
  <pre><code>{
    "name": "client",
    "version": "0.1.0",
    "private": true,
    "proxy": "http://localhost:3001/",
    "dependencies": {
      "axios": "^0.17.1",
      "react": "^16.0.0",
      "react-dom": "^16.0.0",
      "react-scripts": "1.0.14"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test --env=jsdom",
      "eject": "react-scripts eject"
    }
  }
  </code></pre>
  
  <p>My super simple server...</p>
  
  <pre><code>const express = require("express");
  const bodyParser = require("body-parser");
  const app = express();
  const PORT = process.env.PORT || 3001;
  app.use(bodyParser.urlencoded({ extended: false }));
  app.use(bodyParser.json());
  app.use(express.static("client/build"));
  
  app.get("/data", function(req, res){
    res.send({someData: 1234});
  });
  
  app.listen(PORT, function() {
     console.log("  ==&gt; API Server now listening on PORT ${PORT}!");
  });
  </code></pre>
  
  <p>And inside my App.js, I try to call the API inside the componentDidMount function.</p>
  
  <pre><code>componentDidMount(){
      fetch("/data").then((data) =&gt; console.log(data));
      axios.get('/data').then(data =&gt; console.log(data)); 
  }
  </code></pre>
  
  <p>Both of these API calls return a 404, and url of <code>http://localhost:3000/data</code></p>
  
  <p>Any ideas?</p>