反応経路のフルパスとリロードページにアクセスできるようにする

Question

反応プロジェクトでは反応ルータを使用します。 これは私のpackage.jsonです：

{ 
    "name": "app_name", 
    "version": "1.0.0", 
    "description": "app on browser", 
    "main": "gulpfile.js", 
    "scripts": { 
    "build": "gulp build", 
    "start": "cordova run browser" 
    }, 
    "author": "maki", 
    "license": "ISC", 
    "dependencies": { 
    "babel-preset-es2015": "^6.13.2", 
    "browserify": "^13.1.0", 
    "gulp": "^3.9.1", 
    "history": "^4.2.0", 
    "material-design-icons": "^2.2.3", 
    "material-ui": "^0.15.4", 
    "react": "^15.3.0", 
    "react-dom": "^15.3.1", 
    "react-motion": "^0.4.4", 
    "react-router": "^2.7.0", 
    "react-swipeable-views": "^0.7.0", 
    "react-tap-event-plugin": "^1.0.0", 
    "vinyl-source-stream": "^1.1.0" 
    }, 
    "devDependencies": { 
    "babel-cli": "^6.11.4", 
    "babel-plugin-transform-class-properties": "^6.11.5", 
    "babel-preset-react": "^6.11.1", 
    "babel-preset-stage-1": "^6.13.0", 
    "babelify": "^7.3.0", 
    "gulp-sass": "^2.3.2", 
    "jquery": "^3.1.0" 
    } 
} 

私は以下のようにルータを持っている：ここでは

<Router history={browserHistory}> 
    <Route path="/" component={App}> 
    <IndexRoute component={HomePage}/> 
    <Route path="/news" component={NewsPage}/> 
     <Route path="/news/:id" components={News}/> 
    <Route path="/about" component={AboutPage}/> 
    <Route path="/member" component={MemberPage}/> 
    <Route path="/products" component={ProductsPage}/> 
    <Route path="/contact" component={ContactPage}/> 
    </Route> 
</Router> 

は私が達成したいものです。
1：アクセスがIndexRouteを除く外します。
例）http://example.com/news/1234
2：IndexRouteページ以外のリロードが可能です。

は今、私がいることをしてみてください、と私は、このメッセージが表示されます。

を得ることができない/ニュースを

私は何をすべき？あなたはこれに似た、あなたのgulpfileにbrowserifyの履歴フォールバックを実装する必要が

Answer 1

：

var historyApiFallback = require('connect-history-api-fallback'); 

// ... 
browserSync({ 
    server: { 
    baseDir: './', 
    middleware: [historyApiFallback()], 
    }, 
});