@Okitoff

Почему не работают ссылки React на хостинге?

Написал заметочник на React. Заметочник состоит из нескольких страниц. Для навигации использовал react-router.
Локально работает все замечательно. Но после того как сделал react build и выложил на сервер начались проблемы.
Если я перехожу по ссылке "/new-task", то она работает, но если я обновляю станицу то выводит сообщение "The requested URL /new-task was not found on this server."

Вот пример кода, как я записал роуты

import React from "react";
import { Route, Switch } from "react-router-dom";

import Main from './Main';
import Admin from './Admin';
import NewTask from './NewTask';
import TestData from './TestData';
import ReviewTask from './ReviewTask';

function Routes() {
    return (
      <div>
        <Switch>
          <Route exact path="/" component={Main} />
          <Route path="/new-task" component={NewTask} />
          <Route path="/login-admin" component={NewTask} />
          <Route path="/admin" component={Admin} />
          <Route path="/test-data" component={TestData} />
          <Route path="/review-task" component={ReviewTask} />
        </Switch>
      </div>
    );
}

export default Routes;
  • Вопрос задан
  • 1722 просмотра
Пригласить эксперта
Ответы на вопрос 1
@ant13
react-dev
Настрой сервер чтоб отдавал всегда index страницу.

Вот инструкция
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы