Javascript 无法获取/使用路由器

我有两个jsx文件：

当我访问localhost:8080时，这是正常的。但当我访问localhost:8080/home时，它在浏览器中显示消息无法获取/home

我该怎么修理

Home.jsx：

import React from 'react';


class Home extends React.Component{

    constructor(props) {
        super(props);

    }

    render(){

        return(
            <div>
                <h1>Home ...</h1>
            </div>

        )
    }
}
export default Home;

---

在

devServer

配置中，需要

historyApiFallback

设置：

   devServer: {
      inline: true,
      port: 8080,
      contentBase: "./src/client",
      historyApiFallback: true,
      hot: true
   },

---

这告诉

devServer

始终返回根html页面，并让客户端执行路由。换句话说，要回退到根api路由。

在

devServer

配置中，需要

historyApiFallback

设置：

   devServer: {
      inline: true,
      port: 8080,
      contentBase: "./src/client",
      historyApiFallback: true,
      hot: true
   },

---

这告诉

devServer

始终返回根html页面，并让客户端执行路由。换句话说，要回退到根api路由。

将

更改为

将
更改为
嗨，David Tryon。我添加了，但是当我访问localhost:8080/home时，它会显示在相同的结果localhost:8080中。它不会切换到主页。你能帮我吗？现在你有
IndexRoute
和
home
路线指向同一个地方。因此，您可能会得到相同的结果。尝试重新配置您的
路由
s.render（（），document.getElementById（'app'）；不起作用：（哦，是的，你的方式很好。因为刚才我没有运行终端“npm运行构建”所以不要应用项目。谢谢！嗨，David Tryon。我添加了，但当我访问localhost:8080/home时，它会显示在相同的结果localhost:8080。它不会切换到主页。你能帮我吗？现在你有
IndexRoute
和
home
路由指向相同的位置。因此，你可能会得到相同的结果。请尝试重新配置你的
Route
s.render（（），document.getElementById（'app'））；它不工作：（哦，是的，你的方式很好。因为刚才我没有运行终端“npm运行构建”，所以不要应用项目。谢谢！它仍然不工作。你能有其他方法吗？：（它仍然不起作用。你能有别的办法吗？）：(
   devServer: {
      inline: true,
      port: 8080,
      contentBase: "./src/client",
      historyApiFallback: true,
      hot: true
   },