2017-12-07 15 views
-2

react.jsが新しくなりました。私はcreate-rect-appを使って反応するウェブサイトを作りました。私は実行しました:npmはgitでビルドを実行し、静的なサイトファイルを取得しました。すべてがテストホストで動作しますが、ホストを移動するとインデックスページのみが動作し、他のページに移動すると404エラーが発生します。 react-router-domを使用してルーティングする場合React.jsウェブサイトビルドは1つのホストで動作しますが、別のホストでは動作しません

ページを他のホストで動作させるにはどうすればよいですか?ホストの作業

http://000webhost.com/ がひどく作業ホストが

編集いくつかのローカルプロバイダです:基本的に私は、/ホーム/連絡先などのページがあります。 私はreact-router-domを使用しています。

コード:あなたがコードから見ることができるよう

import React, { Component } from 'react'; 
import { BrowserRouter as Router, Route} from 'react-router-dom'; 
import logo from './logo.svg'; 
import './App.css'; 

import Home from './pages/Home.jsx'; 
import Contacts from './pages/Contacts.jsx'; 
import Our_products from './pages/Our_products.jsx'; 

class App extends Component { 
    render() { 
    return (
     <Router> 
     <div> 
      <Route exact path ="/" component={Home}/> 
      <Route exact path ="/Home" component={Home}/> 
      <Route exact path ="/Contacts" component={Contacts}/> 
      <Route exact path ="/Our-products" component={Our_products}/> 
     </div> 
     </Router> 
    ); 
    } 
} 

export default App; 

私のインデックスは/ホームにリンクされています。私はどちらのプラットフォームでもpublic_htmlにBuildフォルダをアップロードしました。あるサイトで正常に動作し、他のサイトでのみ/ホームページが表示されます。

+1

などの他の

<a />

として基本的に1つのホスティングプロバイダは、リンクをレンダリングすることができます。 –

+0

説明のために編集されています。 –

+0

'nodejs'と' git'タグを削除してください – evolutionxbox

答えて

0

だから、あなたはこれを無視することができますが、何の助けは

<Link to="/" />

<a href="/" />

を変えています。あなたの質問は不明であるだけ

<Link />

関連する問題