带/api路由的fusebox开发服务器

Question

我正在尝试配置fusebox，让它在根目录下为我的应用程序提供服务，同时也为/api提供API (仅用于测试)。

对于webpack，我设法通过以下方式获得了这一点

devServer: {
    setup: function (app) {
      app.use('/api', jsonServer.router('db.json'));
    }
  }

因此，当我进入http://localhost:8080时，我会得到我的应用程序的index.html，但是当我输入http://localhost:8080/api时，我会得到db.json的内容，所以我可以模拟一个返回json数据的API Rest。

在fusebox中，我使用的是：

fuse.dev(server => {
  const app = server.httpServer.app;
  app.use('/api', jsonServer.router('db.json'));
});

我的应用程序在http://localhost:4444上运行，但当我尝试http://localhost:4444/api时，什么都没有。我试过这个：

fuse.dev({ root: false }, server => {
  const app = server.httpServer.app;
  app.use('/api', jsonServer.router('db.json'));
});

然后应用程序接口可以在http://localhost:4444/api中工作，但是我无法访问http://localhost:4444，所以我无法加载我的应用程序。

我做错了什么？谢谢。

Answer 1

我想通了。

似乎在定义新的路由时，您还必须定义根。这样就可以了：

fuse.dev({ root: 'dist' }, server => {
  const app = server.httpServer.app;
  app.use('/api', jsonServer.router('db.json'));
});