は私が反応-ルータいる。このように私のアプリでのparams

Question

でURLを取得する際にアプリが404を取得リアクト等。）。ブラウザにurl（paramなしのルート）を入力すると、たとえばmypage.com/aboutのように動作します。 paramsを持つルート（上記のコードでは3番目のルート）が機能していません。 paramでurlにアクセスするたびに、エラー404が表示されます。修正方法を教えてください。

ありがとうございます。私はこのためsoultionを見つけ

const Searching = (props) => (
<div> 
    <PagesHeader /> 
    <Container className="pageContainer"> 
     <Row> 
      <Col md={{size: 10, offset: 1}}> 
       Searching result for: <b>{props.match.params.term}</b> 
      </Col> 
     </Row> 
    </Container> 
    <Footer /> 
</div> 
); 
export default Searching; 

Answer 1

：

/* EDIT */

は、検索コンポーネントを追加しました。問題は私のbundle.jsファイルの位置だけだったので、私はパスを変更する必要がありました。私が持っていたルーティングを

次の問題は、私のアプリの製品版にありました。私はReact Routerをバージョン4.2で使用しています。私はブラウザにURLを置けば問題はすべてが大丈夫だった、私はクリックして別のコンポーネントにリンクされているとき、それは、だから、私に

404を返し、唯一の生産バージョンにありました。私はいくつかのページの/貼り付けURLをコピーした場合は、このための最善の方法は、（Express.jsで例えば、Node.jsの）サーバーの一部にルーティングされなければならない私に404

を返します。私のアプリケーションはフロントエンドルーティングを完全に備えており、私のホスティングはNode.jsをサポートしていません。バックエンド（API）はLaravelにあります。

私のソリューションは、私のホスティングに.htaccessファイルにこのコードを追加することです：

Options -MultiViews 
RewriteEngine On 
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteRule^index.html [QSA,L] 

第2の解決策はsurge.vsまたはGitHub Pageshere is fantastic article for thisなどのCDNです。

多分それは誰かに役立ちます。だから、