将 Angular 1.5 组件路由器与 Express.js 一起使用

Question

我正在开发一个 Express 应用程序，我想捕获所有路由并将用户重定向到 /public/app/index.html：

app.all('/*', function (req, res, next) {
    // Just send the index.html for other files to support HTML5Mode
    res.sendFile('/public/app/index.html', { root: __dirname });
});

但是当我运行服务器时，屏幕上会显示：

================================================== -->

在控制台出现这些错误：

jquery.min.js:1 Uncaught SyntaxError: Unexpected token <
hover.zoom.js:1 Uncaught SyntaxError: Unexpected token <
hover.zoom.conf.js:1 Uncaught SyntaxError: Unexpected token <
allJS.min.js:1 Uncaught SyntaxError: Unexpected token <

有什么想法吗？

Answer 1

相关：SyntaxError: expected expression, got '<'

发生的情况是，对于您的应用发出的每个 GET 请求，您都会收到 index.html。

您可以通过检查您的 routes 文件中是否请求文件名来解决此问题。

注意：在此示例中。我使用app-root-path 模块来获取特定文件的路径

var appRoot = require('app-root-path');
...
app.get('/*', function(req, res) {
    var filename = req.originalUrl;
    //if it has a dot in its name return the original file
    if (/(\.)/g.test(req.originalUrl)){
        res.sendfile(appRoot + '/public/' + filename);
    }