Задать вопрос
@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;
  • Вопрос задан
  • 1839 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
@ant13
react-dev
Настрой сервер чтоб отдавал всегда index страницу.

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

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

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽