@Yzurgzd

Почему при обновлении страницы, react router dom не находит страницу?

В чем проблема?

webpack.config
module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
        },
      },
      {
        test: /\.s[ac]ss$/i,
        use: ["style-loader", "css-loader", "sass-loader"],
      },
      {
        test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,
        loader: "url-loader?limit=100000",
      },
    ],
  },
};


Router
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";

<Router>
        <>
          <div className="site">
            <div className="site-content">
              <Header />
              <Switch>
                <Route exact path="/" component={Home} />
                <Route exact path="/apps/" component={List} />
                <Route exact path="/app/:slug" component={Detail} />
              </Switch>
            </div>
            <Footer />
          </div>
        </>
</Router>


upd: Дело было в Django. Фронт был подключен как отдельное приложение джанго. Фронт возвращал в views пустой шаблон index.html, возвращал шаблон только по пустому path, из-за этого при обновлении страницы он не передавал index.html. Я просто разделил фронт и бэк, использовав core для Django.
  • Вопрос задан
  • 1748 просмотров
Пригласить эксперта
Ответы на вопрос 3
Devilz_1
@Devilz_1
Frontend-Developer
Добавьте этот набор параметров в свой webpack.config.js

devServer: {
    historyApiFallback: true,
  },
Ответ написан
Комментировать
@PHPjedi
Какую страницу? Вопрос непонятен.

Попробуй так, если я правильно понял из слов гадалки.

<Route path="/app/:slug" component={Detail} />
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы