将connect-history-api-fallback与单独的客户端和服务器应用程序结合使用

Question

我有一个Node / Express应用程序，充当服务器上的API。我还拥有一个Vue-Router客户端应用程序，该应用程序使用webpack构建，并作为静态文件部署到另一个与API通讯的位置。在本地，一切正常，但在Heroku上，除/以外的任何页面上刷新均返回404错误。

我发现connect-history-api-fallback是推荐的库。但它似乎无法正常工作，我仍然收到404。我不确定我的实现是否有特殊考虑？

在我的服务器应用程序上（仅相关代码）

const express = require('express')
const staticFileMiddleware = express.static([URL TO MY SITE ON PROD]);
const app = express();

app.use(staticFileMiddleware);
app.use(history({
  verbose: true,
  disableDotRule: true
}));
app.use(staticFileMiddleware);

有人可以帮忙吗？