我正在使用带有Express的nodeJS服务器来为我的AngularJS应用程序提供服务。当我使用angularJS默认路由( html5 )时,这一切都工作得很好,但现在我正在尝试激活hashbangs模式。
我像这样激活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');
});
但这也不管用。如何才能使angularJS html5mode与nodeJS和速成版协同工作?谢谢。
发布于 2015-12-11 08:29:05
像这样配置express 4服务器:
app.use(express.static(__dirname + '/public'));
app.get('/*', function(req, res){
res.sendFile(__dirname + '/public/index.html');
});
棱角分明的样子:
app.config(function($stateProvider, $urlRouterProvider, $locationProvider){
$stateProvider
.state('home', {
url: '/',
templateUrl: 'templates/main.html'
})
.state('register', {
url: '/register',
templateUrl: 'templates/register.html'
});
$urlRouterProvider.otherwise("/");
$locationProvider.html5Mode({
enabled: true,
requireBase: false
});
});
https://stackoverflow.com/questions/17777967
复制相似问题