我正在使用带有Express的nodeJS服务器来服务我的AngularJS应用程序。当我使用angularJS默认路由(hashbangs)时,所有这些都工作正常,但是现在我尝试激活html5模式。
我正在像这样激活html5mode:
$locationProvider.html5Mode(true).hashPrefix('!');
这是我的nodeJS app.js文件的样子:
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收到以下错误:
index.html
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.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?谢谢。
您的初始修复(为特定的前缀声明静态中间件处理程序)应该可以正常工作,但是您需要确保 在 任何其他路由 之前 声明它们(并且app.router,尽管无需显式使用它):
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 / …请求正常工作,应该足够容易进行测试)。