vue-router 和 Express

Question

我使用 Vue.js 和他们的 vue-cli webpack 构建了一个简单的应用程序。

我使用 vue-router 来控制具有不同视图的站点导航。这在本地运行时工作正常。

我现在想将它部署到 Heroku，但是 URL 不再有效。我试过实现中间件，但碰壁了！

我正在寻找可能引导我正确配置 node.js/express 以正确运行应用程序的东西。

非常感谢，

詹姆斯

Answer 1

对于那些处于类似情况的人，现在正在使用：

const express = require('express');
const history = require('connect-history-api-fallback');
const app = express();

const staticFileMiddleware = express.static(__dirname);
app.use(staticFileMiddleware);
app.use(history({
  disableDotRule: true,
  verbose: true
}));
app.use(staticFileMiddleware);

const port = 5555;
app.listen(port, () => {
  console.log(`Example app listening on port ${port}!`);
});

您可以了解更多关于connect-history-api-fallback