为什么在服务器上创建构建后刷新后我无法访问路由?

时间:2018-11-06 10:59:36

标签: reactjs react-router react-router-v4 react-router-dom

我必须将前端的路由添加为“ / How-it-works”,并为管理端添加路由,将其添加为“ Admin / Route-name”,使用以下代码可以正常工作,我可以在本地进行刷新以及访问,但是当我在服务器上创建生成并访问它会生成错误。

    <Router history={history} >
        <Switch>
            <FrontEndLayoutWrapper exact path="/" component={Home} />
            <FrontEndLayoutWrapper exact path="/How-it-works" component={HowItWorks} />
            <AdminAuthRoute    exact  path="/Admin" component={AdminIndex} />
            <PrivateRouteAdmin exact path="/Admin/Companies" component={CompanyList} />
            <PrivateRouteAdmin exact path="/Admin/Festivals" component={FestivalList} />
            <PrivateRouteAdmin exact path="/Admin/Dashboard" component={Dashboard} />              
        </Switch>
    </Router>

在webpack.config.js中,我在module.exports中具有以下输出属性:

    output: {
      path: path.join(__dirname, 'bundle'),
      filename: 'index_bundle.js',
      publicPath: '/',
   }

并且我已经在module.exports中将historyApiFallback设置为true。

devServer: {
  historyApiFallback: true
}

错误:

  

获取http://localhost:8080/Admin/index_bundle.js净值:: ERR_ABORTED 404   (未找到)

enter image description here

0 个答案:

没有答案