vue-router和Express

Question

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

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

我现在想要将它部署到Heroku上,但网址不再有效.我已经尝试过实现中间件,但已经碰壁了!

我正在寻找可能引导我沿着正确的线路配置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的更多信息