URL маршрута не найден после сборки

Question

На местных маршрут работает нормально.Тем не менее, он не работает после сборки, за исключением домашнего маршрута, который работает, но два маршрута, которые он дает 404, не найдены.Компонент входа и регистрации представляет собой простую форму, не связанную с каким-либо API или сервером, а домашний компонент представляет собой просто возвращаемую текстовую информацию.Я новичок, чтобы реагировать, поэтому я не знаю, почему не работает над сборкой, но отлично работает над разработкой.

Я пытался запустить оба на локальном хосте serve 5000: загрузить на сервер, но также не работал.

import React, { Component } from 'react';
import {
   Route,
   Switch,
   BrowserRouter as Router
 } from 'react-router-dom';

import LoginComponent from './component/login/login'
import RegisterComponent from './component/registration/register'

import Home from './component/dashboard/template/home'



 const NoMatch = ({location}) =>(
    <div>
      <h3>No Match for {location.pathname}</h3>
    </div>
 )

class App extends Component {

 render() {
     return (
        <Router>
           <Switch>
             <Route exact path='/' component={Home} />
             <Route path='/login' component={LoginComponent} />
             <Route path='/register' component={RegisterComponent} />
             <Route component={NoMatch} />
           </Switch>
        </Router>
     );
   }
}

export default App;

Answer 1

Скорее всего, это проблема, связанная с настройкой вашего сервера.При посещении страницы /login сервер ищет файл с именем /login в корневом каталоге.Вам необходимо настроить одну точку входа на сервер по адресу index.html

. В Apache это будет настроено в .htaaccess или в nginx, вы можете использовать перезапись