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

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

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

Похожие вопросы
SkillsRock Таганрог
от 60 000 до 90 000 ₽
Beetbarrel Калининград
от 90 000 до 140 000 ₽
Beetbarrel Калининград
До 160 000 ₽