ReactJS:在dev env中重新加载内部组件时出现404错误 [英] ReactJS: 404 error on reloading the inner components in dev env

问题描述

每次重新加载任何内部组件时，我都会收到404错误.我总是必须导航到主页，然后重新加载/刷新页面以使应用程序再次运行.

I am getting 404 error every time I am reloading any inner component. I always have to navigate to home page and then reload/refresh the page for the application to work again.

我曾尝试使用BrowserRouter，但这也不起作用.

I have tried using the BrowserRouter but that didn't work either.

这是我的代码:

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import createBrowserHistory from 'history/createBrowserHistory';
import { Router, Route, Switch } from "react-router-dom";

const history = createBrowserHistory();

/** elements */
import Header from './components/elements/Header';
import Footer from './components/elements/Footer';

/** components */
import Projects from './components/Projects';
import ProjectsAdd from './components/ProjectsAdd';
import Categories from './components/Categories';
import CategoriesAdd from './components/CategoriesAdd';

export default class Index extends Component
{
  render()
  {
    return (
      <Router history={history}>
        <div id="main">
          <Header />

          <section className="content">
            <section id="pageRight">
              <Switch>
                <Route exact path={"/"} component={Projects} />
                <Route path={"/projects/add"} component={ProjectsAdd} />

                <Route exact path={"/categories"} component={Categories} />
                <Route path={"/categories/add"} component={CategoriesAdd} />
              </Switch>
            </section>
          </section>

          <Footer />
        </div>
      </Router>
    );
  }
}

if (document.getElementById('layout'))
  ReactDOM.render(<Index />, document.getElementById('layout'));

推荐答案

我找到了解决方案( https://youtu. be/vNof0z32l84 ).

I found the solution (https://youtu.be/vNof0z32l84).

我希望这对某人可能会派上用场.但是，如果您觉得还有改进的余地，请告诉我. :)

I hope this may come in handy for someone. However, If you feel there is a room for improvement then please let me know. :)

这篇关于ReactJS:在dev env中重新加载内部组件时出现404错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！