Angular + webpack + nodeJS：询问子文件夹时返回 index.html答案

【问题标题】：Angular + webpack + nodeJS: Return the index.html when asking subfolderAngular + webpack + nodeJS：询问子文件夹时返回 index.html
【发布时间】：2017-06-25 00:12:20
【问题描述】：

我接受了this starting pack，我觉得这很好。一切正常，但如果我在组件上刷新（例如在 http://localhost:3000/account-list 上）我得到 404（因为该页面不存在。

我应该如何修改此示例以返回 index.html 页面？

实际上有任何 URL（但具有现有文件的那个）返回这个 index.html？

【问题讨论】：

对我来说似乎是一个错误，如果一条路线工作一次，那么它也应该在刷新时工作。否则书签将再次不可能
@Gimby?不是真的，Angular 正在管理客户端的 URL。为什么你点击指向account-list的链接，没有页面重新加载，它是角度加载组件。但是当我按 F5 时，服务器会收到一个请求，要求为一个名为 account-list 的文件夹提供服务，该文件夹不存在服务器端。如果服务器返回index.html 页面，它就会工作。

标签： node.js angular webpack

【解决方案1】：

我找到了解决方案（我认为）；我在main.js 上找到了快递部分，并将@987654322@ 替换为：

app.use(function (req, res, next) {
    if (path.extname(req.path).length > 0) {
        // normal static file request
        next();
    }
    else {
        // redirect all html requests to `index.html`
        res.sendFile(path.resolve(__dirname + '/../dist/index.html'));
    }
});

【讨论】：