title: Header is empty when making a fetch-api call
body: <p>I am trying to generate a session ID and then send that session ID to the front end of my application in the header (I know I should use the body to do this but my prof wants us to use header so we know how to use it).</p>
  <p>The fetch response that I get has head but its value is {}, but I'm also getting a 200 'OK' so I know it is at least connected to the front end correctly.</p>
  <p>My backend code is this:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>router.get('/sid', function (req, res) {
    res.setHeader('X-sid', getSid());
    res.send();
  });</code></pre>
  </div>
  </div>
  </p>
  <p>My frontend code is this:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function sessionId() {
     fetch('/wordgame/api/v1/sid').then(x =&gt; {
        console.log(x);
  });</code></pre>
  </div>
  </div>
  </p>