title: Minimum nodejs server setup needed for React using react-router and browserHistory
body: <p>My current server.js:</p>
  
  <pre><code>let express = require('express');
  let harp = require('harp');
  let path = require('path');
  
  let app = express();
  
  app.use(express.static(__dirname + "/dist"));
  app.use(harp.mount(__dirname + "/dist"));
  
  let port = process.env.PORT || 3333;
  app.listen(port, () =&gt; console.log("Listening on port " + port) );
  
  // ... other routes for data fetching ...
  
  // For browserHistory: https://github.com/reactjs/react-router/blob/1.0.x/docs/guides/basics/Histories.md
  app.get('*', (req, res) =&gt; {
    res.sendFile(path.resolve(__dirname, 'dist', 'index.html'));
  });
  </code></pre>
  
  <p>This works fine when I start navigation at <code>mysite.com/</code>. However, if I enter <code>mySite.com/someRoute</code>, it breaks. Specifically, I see the below in console:</p>
  
  <pre><code>Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:3333/dashboards/styles/normalize-3.0.3.min.css".
  ...
  Uncaught SyntaxError: Unexpected token &lt;
  ...
  </code></pre>
  
  <p>My understanding is that to fix this I also need to implement server-side rendering. Is that accurate? If so, what is the minimum setup needed for that? All the guides I've seen are much more in-depth than I would like to go right now.</p>
  
  <p>(I am fine upgrading dependencies if it will help.)
  react: 0.14.7
  react-router: 1.0.3</p>