Я создал страницу входа в систему, используя реагировать и node js. Страница входа действительно проста: приложение. js, которое перенаправляет к компоненту «логин» и перемещает к компоненту «дом». (Я использовал сеансы на стороне сервера, чтобы сохранить пароли (express -сессия)). Компонент приложения. js выглядит следующим образом:
import React, { Component } from 'react';
import { Route, Switch, BrowserRouter } from 'react-router-dom';
import Main from './Components/Main/main';
import Login from "./Components/Login/login";
class App extends Component {
render (){
return (
<div className="App" >
<BrowserRouter>
<Switch>
<Route exact path="/ " component={Login}/>
<Route exact path="/app-ads" component={Main}/>
</Switch>
</BrowserRouter>
</div>
);
}
}
export default App;
При визуализации компонента входа в систему Я написал это перенаправление:
if(this.state.isLoggedIn===true)
{
return <Redirect to="/app-ads" />
}
И в домашнем компоненте рендеринга:
if(this.state.isLoggedIn!==true)
{
return <Redirect to="/" />
}
Я переместил файлы в виртуальную машину, установил все и развернул его с помощью "npm run сборка продукции "(для реакции) и" запуск сервера pm2 "(для сервера) и скопирование файлов" сборки "в папку" htdocs "XMAPP. Когда я пытаюсь открыть веб-сайт со своего компьютера, я продолжаю получать ошибки сервера (404), и просто страница входа не работает (все остальное работает нормально). Я проверил снова с nodemon, и кажется, что он работает, как ожидалось. Но мне нужно запустить сервер с pm2, так как он не рушится ночью.
Подскажите, пожалуйста, что я здесь делаю не так?