如何在没有index.html的情况下对'/'进行快速发送?

时间:2017-06-27 02:35:27

标签: reactjs express webpack react-router webpack-dev-server

这是服务器配置代码:

const app = new WebpackDevServer(compiler, {
  contentBase: '/public/', 
  proxy: {'/graphql': `http://localhost:${GRAPHQL_PORT}`},
  publicPath: '/js/', 
  stats: {colors: true}, 
});
// Serve static resources
app.use('/', express.static(path.resolve(__dirname, 'public')));

当应用程序运行时,它位于localhost:3000 / index.html,我想在localhost:3000 /上呈现应用程序。我怎样才能做到这一点?我有这个问题,因为没有错误,反应路由器在我的代码中不起作用:

<BrowserRouter>
      <Route exact path='/' component={App}/>
  </BrowserRouter>

并在localhost:3000 /这是我的输出:

result

1 个答案:

答案 0 :(得分:0)

假设您的index.html位于公共文件夹中,并且您已将其声明为static,则可以像

一样为您的应用提供服务
app.get('/', function(res){
     res.sendfile('public/index.html');
})

然后您可以使用

访问您的React应用
http://localhost:3000/