Question

在具有4页的React Application上工作，如果我在本地运行，则路由工作正常，并且所有不同的页面都可以通过路由正确呈现...但是，IIS并非如此。

在IIS上创建了一个dist文件夹并映射了dist目录。当我导航时，第二个页面被加载； *当我移动到不同的页面时，dom不清楚...所有页面在彼此之下呈现*

不确定我要缺少什么..请指教。

RouteConfig.js

class RouteConfig extends Component{
  render(){
    return (
   <BrowserRouter>
      <div>
    <Route exact path="/" component={A} />
    <Route path="/b" component={B} />
    <Route path="/c" component={C} />
  </div>
   </BrowserRouter>
   )
};
}

App.js 这是我的第一页...带有链接...当用户单击链接时...我们导航到组件a

class RouteConfig extends Component{
  render(){
       return (
    <div> <Link to="/a" </div>
   );
}

Index.js

render(
 <RouteConfig>
   <App />
 </RouteConfig>

);

Answer 1

您应该从react-router中发布代码，因为这听起来像是路由器问题。

如果这是问题所在，那么您应该可以使用exact解决问题：

<Router>
  <div>
    <Route exact path="/" component={Home} />
    <Route path="/about" component={About} />
    <Route path="/topics" component={Topics} />
  </div>
</Router>

在React Training -React Router

处查看路由器示例

反应IIS托管（不刷新DOM）

1 个答案: