title: Trying to access response data using fetch
body: <p>I'm trying something simple where I make a request from the front end of my app using the fetch API like so </p>
  
  <pre><code>let request = new Request('http://localhost:3000/add', {
      headers: new Headers({
          'Content-Type': 'text/json' 
      }),
      method: 'GET'
  });
  
  fetch(request).then((response) =&gt; {
      console.log(response);
  });
  </code></pre>
  
  <p>I am handling this request on the server like so, </p>
  
  <pre><code>app.get('/add', (req, res) =&gt; {
      const data = {
          "number1": "2", 
          "number2": "4"
      };
      res.send(data);
  });
  </code></pre>
  
  <p>However, when I try to access my data on the front end console.log(response), I get the following object </p>
  
  <pre><code>Response {type: "basic", url: "http://localhost:3000/add", redirected: false, status: 200, ok: true…}
  body:(...)
  bodyUsed:false
  headers:Headers
  ok:true
  redirected:false
  status:200
  statusText:"OK"
  type:"basic"
  url:"http://localhost:3000/add"
  __proto__:Response
  </code></pre>
  
  <p>The response body is empty. I assumed that's where the data would show up? How do I pass data effectively from the server? </p>