历史记录 API 回退在刷新时失败

Question

我已经在我的 webpack 开发服务器上启用了历史 api 回退选项，当我尝试直接访问或刷新我的/complete或/incomplete路由时，该选项工作正常。但是 - 在我的 switch 语句中，我试图捕获所有其他可能的 url 并重定向到 404 组件。

<Switch>
<Route exact path={'/'} render={()=>{
return <Redirect to='/incomplete'/>
}}/>
<Route exact path={'/complete'} render={()=>{
return ( <TodoComplete/> );
}}/>
<Route exact path="/incomplete" render={()=>{
return ( <TodoIncomplete/> );
}}/>
<Route component={NotFound}/>
</Switch>

这似乎工作正常，并且可以正确路由到 NotFound 组件，例如http://localhost.com/undefinedrouteBUT 似乎没有捕获任何嵌套的内容，例如http://localhost.com/complete/undefinedroute.

相反，我收到一个控制台错误，指出我的资源正在尝试从不正确的路径加载http://localhost.com/complete/bundle.js

这是预期的行为吗？

Answer 1

根据文档，这似乎是预期的行为。但是，这里有一个关于行为的很大线索，他们可能很快就会改变这一点。

Answer 2

在你的索引中.html把/bundle 放进去.js

<script src='/bundle.js'></script>