[英]Grunt: Location URL app with period
在一个我正在使用的Webapp中,我处理了以下URL:
http://localhost:8080/section/value.with.periods
这个value.with.periods
是一个URL参数,就像您在angular的routeProvider
上声明的routeProvider
:
angular.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('/section/:param', {
templateUrl: 'url-to-template',
controller: 'ExampleCtrl',
resolve: {
...
}
});
}]);
问题是所使用的服务器在Grunt任务下运行,无法处理其中带有句点的URL:
Cannot GET /section/value.with.periods
我正在使用grunt-contrib-proxy
和connect-modrewrite
运行Grunt,并且配置了connect-modrewrite
的livereload
任务如下:
livereload: {
options: {
open: 'http://localhost:<%= connect.options.port %>',
base: [
'.tmp',
'<%= config.app %>'
],
middleware: function(connect, options) {
if (!Array.isArray(options.base)) {
options.base = [options.base];
}
// Setup the proxy
var middlewares = [proxySnippet];
var modRewrite = require('connect-modrewrite');
middlewares.push(modRewrite(['^[^\\.]*$ /index.html [L]']));
// middlewares.push(modRewrite(['!\\.html|\\.js|\\.svg|\\.css|\\.png|\\.jpg\\.gif|\\swf$ /index.html [L]']));
// Serve static files.
options.base.forEach(function(base) {
middlewares.push(connect.static(base));
});
// Make directory browse-able.
var directory = options.directory || options.base[options.base.length - 1];
middlewares.push(connect.directory(directory));
return middlewares;
}
}
}
我需要能够处理在Angular上使用的带有句点的URL。 任何帮助将不胜感激。
谢谢。
您的重写正则表达式会排除其中带有句点的所有路径:
^[^\\.]*$
这意味着:与所有字符匹配url,除非它们带有反斜杠或点号。 因此/section/value.with.periods
将被忽略。
您应该将正则表达式更改为更宽容的内容:
middlewares.push(modRewrite(['^(.*)$ /index.html [L]']));
而且您应该很好。
编辑解决方案:
在评论中,我们得到了答案:上面的regex将所有URL重写为index.html,从而导致其他文件无法提供。 有一条注释行,仅重写具有未知文件扩展名的URL:
middlewares.push(modRewrite(['!\\.html|\\.js|\\.svg|\\.css|\\.png|\\.jpg|\\.gif|\\.swf$ /index.html [L]']));
那给出了期望的结果。 查看评论以获取更多信息。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.