使用AngularJS html5mode和nodeJS和Express

Question

我正在使用带有Express的nodeJS服务器来服务我的AngularJS应用程序。当我使用angularJS默认路由（hashbangs）时，所有这些都工作正常，但是现在我尝试激活html5模式。

我正在像这样激活html5mode：

$locationProvider.html5Mode(true).hashPrefix('!');

这是我的nodeJS app.js文件的样子：

var path     = require('path'),
    express  = require('express'),
    app      = express(),
    routes   = require(path.join(__dirname, 'routes'));

app.configure(function() {
    app.use(express.logger('dev'));
    app.use(express.compress());
    app.use(express.methodOverride());
    app.use(express.bodyParser());
    app.use(app.router);
    app.all("/*", function(req, res, next) {
        res.sendfile("index.html", { root: __dirname + "/../app" });
    });
    app.use(express.errorHandler({
        dumpExceptions: true, 
        showStack: true
    }));
});

但是，这现在将所有请求用作我的index.html文件，因此我从requireJS收到以下错误：

Uncaught SyntaxError: Unexpected token <

我尝试将以下内容添加到我的nodeJS中，app.js以便它可以正确服务我的资源：

app.use("/js", express.static(__dirname + "/../app/js"));
app.use("/img", express.static(__dirname + "/../app/img"));
app.use("/css", express.static(__dirname + "/../app/css"));
app.use("/partials", express.static(__dirname + "/../app/partials"));

但仍然没有运气。

我还尝试将app.all语句替换为：

app.use(function(req, res) {
  // Use res.sendfile, as it streams instead of reading the file into memory.
  res.sendfile(__dirname + '/../app/index.html');
});

但这也不起作用。我该怎么做才能使nodeJS和Express使用angularJS html5mode？谢谢。

Answer 1

您的初始修复（为特定的前缀声明静态中间件处理程序）应该可以正常工作，但是您需要确保 在 任何其他路由 之前
声明它们（并且app.router，尽管无需显式使用它）：

// these need to go first:
app.use("/js", express.static(__dirname + "/../app/js"));
app.use("/img", express.static(__dirname + "/../app/img"));
app.use("/css", express.static(__dirname + "/../app/css"));
app.use("/partials", express.static(__dirname + "/../app/partials"));

// any other routes:
app.all("/*", ...);

另外，您需要确保已将前缀静态处理程序声明为正确（正确的路径），否则它们将无法找到任何请求的文件，并且这些请求将沿着中间件链传递并最终由catch-
处理。所有处理程序（通过注释掉所有处理程序并查看是否有JS / CSS / …请求正常工作，应该足够容易进行测试）。