首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >将AngularJS html5mode与nodeJS和Express配合使用

将AngularJS html5mode与nodeJS和Express配合使用
EN

Stack Overflow用户
提问于 2013-07-22 07:21:58
回答 1查看 19.5K关注 0票数 19

我正在使用带有Express的nodeJS服务器来为我的AngularJS应用程序提供服务。当我使用angularJS默认路由( html5 )时,这一切都工作得很好,但现在我正在尝试激活hashbangs模式。

我像这样激活html5mode:

代码语言:javascript
复制
$locationProvider.html5Mode(true).hashPrefix('!');

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

代码语言:javascript
复制
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得到以下错误:

代码语言:javascript
复制
Uncaught SyntaxError: Unexpected token < 

我尝试将以下内容添加到我的nodeJS app.js中,以便它可以正确地为我的资源提供服务:

代码语言:javascript
复制
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语句替换为:

代码语言:javascript
复制
app.use(function(req, res) {
  // Use res.sendfile, as it streams instead of reading the file into memory.
  res.sendfile(__dirname + '/../app/index.html');
});

但这也不管用。如何才能使angularJS html5mode与nodeJS和速成版协同工作?谢谢。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17777967

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档