Reactjs路由器无法获取/页

我正面临着一个棘手的问题。这是关于路由的。当路由到任何页面时，它真的非常有效！唯一的问题是，当我重新加载一个页面时，它会触发此无法获取/employee here employee是我的页面名

我不明白为什么我会看到这个

这是我的index.js文件：

import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from 'react-router-dom'

import App from "../client/components/App";

import { Provider } from 'react-redux'

import { createStore } from 'redux'
import postReducer from '../client/postReducer'

const store = createStore(postReducer)


// if we don't subcribe, yet our crud operation will work
function onStateChange() {
  const state = store.getState();
}

store.subscribe(onStateChange)

ReactDOM.render((
  <BrowserRouter>
      <Provider store={store}>
        <App />
      </Provider>
  </BrowserRouter>
), document.getElementById('app'))

这是我的网页包

---

有人能帮我修复此错误吗？无法获取/employee？

我相信这是一个与以下内容重复的错误：

问题可能是您没有配置URL来处理 在React路由器中定义的路由。在Django URL.py中 您应该使用catch all将所有URL与索引相匹配 模板

urlpatterns += [
    # match the root
    url(r'^$', base_view),
    # match all other pages
    url(r'^(?:.*)/?$', base_view),
]

基本视图是一个视图函数，用于呈现 包括您的捆绑应用程序

---

但是，您不应该使用django来提供静态文件，它不是为它设计的，并且不会有太大的性能—它是仅在生产中还是在开发中？听起来您的Web服务器没有配置为将404重定向到index.html，classic，但不应该发生在开发人员身上。在生产环境中，它显示了另一种方式，这也是错误。您最有可能需要在生产环境中配置.htaccess文件以处理react router。检查此链接我的后端是django

const merge = require('webpack-merge');
const common = require('./webpack.common.js');

module.exports = merge(common, {
  mode: 'development',
  devtool: 'inline-source-map',
  devServer: {
    contentBase: './dist'
  }
});

urlpatterns += [
    # match the root
    url(r'^$', base_view),
    # match all other pages
    url(r'^(?:.*)/?$', base_view),
]