我正在构建我的第一个Angular.js应用程序，我正在使用Yeoman.
Yeoman使用Grunt来运行 node .js使用命令"grunt server"连接服务器.
我正在html5模式下运行angular应用程序.根据angular文档，这需要修改服务器，将所有请求重定向到应用程序的根目录(index.html)，因为angular应用程序是单页ajax应用程序.
"使用[html5]模式需要在服务器端重写URL，基本上你必须重写所有指向应用程序入口点的链接(例如index.html)"
我试图解决的问题在this个问题中有详细说明.
如何修改grunt服务器以将所有页面请求重定向到索引.html页面？
首先，使用命令行，使用GrunFile导航到目录.
在CLI中键入以下命令:
npm install --save-dev connect-modrewrite
在grunt文件的顶部写下:
var modRewrite = require('connect-modrewrite');
接下来，您只需要在connect中添加modRewrite个:
modRewrite(['!\\.html|\\.js|\\.svg|\\.css|\\.png$ /index.html [L]']),
下面是我的GrunFile中的"连接"的示例.js.你不必担心我的lrSnippet和SSinclude.你需要做的主要事情就是把modRewrite写进go .
connect: {
options: {
port: 9000,
// Change this to '0.0.0.0' to access the server from outside.
hostname: '0.0.0.0',
},
livereload: {
options: {
middleware: function (connect) {
return [
modRewrite(['!\\.html|\\.js|\\.svg|\\.css|\\.png$ /index.html [L]']),
lrSnippet,
ssInclude(yeomanConfig.app),
mountFolder(connect, '.tmp'),
mountFolder(connect, yeomanConfig.app)
];
}
}
},
test: {
options: {
middleware: function (connect) {
return [
mountFolder(connect, '.tmp'),
mountFolder(connect, 'test')
];
}
}
},
dist: {
options: {
middleware: function (connect) {
return [
mountFolder(connect, yeomanConfig.dist)
];
}
}
}
},