React.js 웹 사이트 빌드는 하나의 호스트에서 작동하지만 다른 호스트에서는 작동하지 않습니다.

Question

react.js를 처음 사용합니다. create-rect-app를 사용하여 반응 웹 사이트를 만들었습니다. 나는 실행했다 : npm은 git에서 빌드를 실행하고 내 정적 사이트 파일을 가지고있다. 모든 것은 테스트 호스트에서 작동하지만 호스트를 이동하면 색인 페이지 만 작동하고 다른 페이지로 이동하면 404 오류가 발생합니다. react-router-dom을 사용하여 메신저를 라우팅합니다.

다른 호스트에서 내 페이지가 작동하도록하려면 어떻게해야합니까?

근무 호스트 : http://000webhost.com/ 심하게 작업 호스트는 일부 지방 제공자에게

편집이다 : 나는 기본적으로는/home과/연락처로 페이지를 가지고있다. 임 : 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 폴더를 업로드했습니다. 한 사이트에서 정상적으로 작동하지만 다른 페이지에서는 홈 페이지가 나타납니다.

Answer 1

그래서, 당신이 무시할 수 있습니다,하지만 도움은

<Link to="/" />

에

<a href="/" />

을 변화하고 있습니다. 기본적으로 하나 개의 호스팅 제공 업체는 귀하의 질문이 명확하지 않다 다른

<a />

만