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的更多信息