Question

我尝试在我的提供商中创建路线，但它并不适用于嵌套级别。

直到一个级别它正常工作。

找到下面的代码段

    render(
  <Provider store={store}>
  <Router history={browserHistory}>
    <Route path="/" component={PageTemplate}>
      <Route path="/login" component={Login}/>
      <Route path="/secure" component={BodyTemplate}>
        <Route path="page1" component={Page1}/>
        <Route path="page2" component={Page2}/>
        <Route path="page3" component={Page3}/>
      </Route>
      <Route path="*" component={InvalidPage}/>
    </Route>
  </Router>
</Provider>, document.getElementById('app'))

如果我打开网址localhost:3000/login，它可以正常运行

但如果我提供网址localhost:3000/secure/page1 我在浏览器控制台中看到错误如下所示

bundle.min.js：1未捕获的SyntaxError：意外的令牌＆lt;

如果我的路由器配置有任何问题，请帮助我。

Answer 1

从

更改脚本加载

<script src="bundle.min.js"></script>

到

<script src="/bundle.min.js"></script>

当我们进入第二级时，

尝试从当前网址加载，即localhost:3000/login/bundle.min.js这是错误的，将其更改为根网址使其正常工作localhost:3000/bundle.min.js

React路由器嵌套不起作用

1 个答案: