刷新后React App返回错误

Question

我正在使用React Router v4创建一个React/Redux应用程序.它有一个简单的架构

--RootPage    path /
 --HomePage   path /h
   -Gallery   path /h/portfolio
   -Links     path /h/links
   -About     path /h/about

现在,每次刷新,如果我在二级/ h /组合,或/ h /链接,或/ h/about,这个错误net :: ERR_ABORTED.

如果我在根级别或/ h /级别,刷新工作正常.我已经添加historyApiFallback: true到devServer所以它不是那个问题.每次刷新时都必须始终转到/ root是没有用的.这可能有什么问题？

这是我的路线

const mainRouter=(
    <Wrapper>
<Provider store={store} history={history}>
  <BrowserRouter>
      <div>
      <Route exact path="/" component={Home}/>
      <Route path="/h" component={HomePage}/>
       </div>
   </BrowserRouter>
    </Provider>
    </Wrapper>
  )

并在HomePage

       <main>
          <Route path={`${this.props.match.path}/portfolio`}
          render={ ()=><Gallery {...this.props}/> } />
          <Route path={`${this.props.match.path}/about`} render={ ()=><About 
          {...this.props}/> }/>
          <Route path={`${this.props.match.path}/links`} render={ ()=><Links 
          {...this.props}/> }/>

      </main>

Answer 1

在快速服务器而不是devserver上重现相同的问题后,我得到了同样的错误并做了一些研究,我发现这个问题的简单解决方法

我所要做的就是改变<script src="js/app.bundle.js"></script>以<script src="/js/app.bundle.js"></script>

编辑:如果你使用我做的Webpack-html-plugin,它仍然会给出同样的错误,我不得不通过添加output.path.publicPath:"/"webpack配置文件解决它