ReactJSリフレッシュURLの変更

Question

Reactでページをリフレッシュするときに奇妙な問題が発生しました。

URLの最後に/が追加されているため、ライブサーバーにディレクトリのリストが表示されています。

はlocalhost：3000 /プロジェクトリフレッシュすると、同じURLに

を表示し続けますが

localhostのとき：3000 /ブログは、それがローカルホストになりリフレッシュされる：3000 /ブログ/

は誰が来ましたこれを越えて？このページでのみ起こるように、解決策を探し始める場所を見つけようとしています。

必要に応じてここにコードを投稿してください。

これは、サイトで見ることができますwww.trevorrwarduk.meブログに移動して更新します。

App.js

var React     = require('react'); 
var ReactRouter   = require('react-router-dom'); 
var Router    = ReactRouter.BrowserRouter; 
var Route     = ReactRouter.Route; 
var Switch    = ReactRouter.Switch; 
var BrowserHistory  = ReactRouter.BrowserHistory; 

var HeadingSection  = require('./HeadingSection'); 
var Home     = require('./Home'); 
var Projects    = require('./Projects'); 
var Me     = require('./Me'); 
var Blog     = require('./Blog'); 
var NotFound    = require('./NotFound'); 
var RightSideBar   = require('./RightSideBar'); 

class App extends React.Component { 
    render() { 
    return (
     <Router history={BrowserHistory}> 
     <div className="container greenBack"> 
      <div className="row headingArea"> 
      <HeadingSection /> 
      </div> 
      <div className="row bottomArea"> 
      <div className="col-sm-1"></div> 
      <div className="col-sm-10 contentArea"> 
       <Switch> 
       <Route exact={true} path='/'   component={Home} /> 
       <Route exact={true} path='/projects' component={Projects} /> 
       <Route exact={true} path='/me'  component={Me} /> 
       <Route exact={true} path='/blog'  component={Blog} /> 
       <Route path="/*"      component={NotFound} status={404} /> 
       </Switch> 
      </div> 
      <div className="col-sm-1"><RightSideBar /></div> 
      </div> 
     </div> 
     </Router> 
    ); 
    } 
} 

module.exports = App; 

のhtaccessファイル

<IfModule mod_rewrite.c> 
    RewriteEngine on 
    RewriteCond %{REQUEST_FILENAME} !-f 
    RewriteCond %{REQUEST_FILENAME} !-d 
    RewriteCond %{REQUEST_URI} !=/favicon.ico 
    RewriteRule^index.html [L] 
</IfModule> 

Answer 1

/blogが/blog/にリダイレクトし、ディレクトリのリストを示しているので、既に存在しているサーバー上の/blogディレクトリが存在しなければなりません。 /blogが要求されると、サーバーは、要求を処理するリアル・ルータではなく、実際のディレクトリを提供しています。

サーバー上の/blogディレクトリを削除するか、名前を変更して、React Routerが要求を処理するようにします。