react-router|-|&tag=react

browserHistory-Nginx.js&env=plain&abbr=`ccc&label=`ccc

import React, { Component, PropTypes } from 'react';

import Loading from 'components/Loading';

export default class List extends Component {
  static propTypes = {
    data: PropTypes.array.isRequired,
    fetch: PropTypes.func.isRequired,
    isFetching: PropTypes.bool.isRequired,
  };

  componentDidMount() {
    this.props.fetch();
  }

  render() {
    const { isFetching, data } = this.props;
    return (
      <ul>
        {isFetching && <Loading message="Retrieving posts..." />}
        {data.map(entry => <li key={entry.id}>{entry.title}</li>)}
      </ul>
    )
  }
}

server {
  ...
  location / {
    try_files $uri /index.html;
  }
}

React-Routers.js&env=plain&abbr=`bbb&label=bbb

const express = require('express')
const path = require('path')
const port = process.env.PORT || 8080
const app = express()

// serve static assets normally
app.use(express.static(__dirname + '/public'))

// handle every other route with index.html, which will contain
// a script tag to your application's JavaScript file(s).
app.get('*', function (request, response){
  response.sendFile(path.resolve(__dirname, 'public', 'index.html'))
})

app.listen(port)
console.log("server started on port " + port)