javascript - 将 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);
    }