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

Question

我正在尝试配置 fusebox 以便它在 root 中为我的应用程序提供服务，同时还提供一个带有 /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 的内容，所以我可以模拟一个 API 休息返回 json 数据。

在保险丝盒中，我正在使用这个：

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'));
});

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

我究竟做错了什么？谢谢。

score 0 · Accepted Answer

我想到了。

似乎在定义新路由时，您还必须定义根。所以这会做：

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

1 回答 1