使用Grunt connect的AngularJS html5Mode咕unt 0.4.5
如果有人偶然发现此问题,请解决以下问题:
(添加的唯一行是modRewrite行)
livereload: { options: {open: true,middleware: function (connect) { return [modRewrite([’^[^.]*$ /index.html [L]’]),connect.static(’.tmp’),connect().use( ’/bower_components’, connect.static(’./bower_components’)),connect.static(appConfig.app) ];} }},
确保在grunt文件的顶部声明了以下内容:
var modRewrite = require(’connect-modrewrite’);解决方法
我最近切换到grunt 0.4.5,它改变了连接的工作方式。
我以前使用过connect-modrewrite,它工作得很好(/:parameter生成的URL出现了一些问题)。
这是与生成器角度0.8.0的grunt 0.4.1一起使用的旧版本,中间件部分由我修改为使用html5mode。
connect: { options: {port: 9000,hostname: ’*IP HERE*’,livereload: 35729,middleware: function (connect,options) { var optBase = (typeof options.base === ’string’) ? [options.base] : options.base; return [require(’connect-modrewrite’)([’!(..+)$ / [L]’])].concat(optBase.map(function(path){ return connect.static(path); }) );} },livereload: {options: { open: true,base: [’.tmp’,’<%= yeoman.app %>’ ]} },
这是Generator-angular 0.9.0-1中的新版本
connect: { options: {port: 9000,livereload: 35729 },middleware: function (connect) {return [ connect.static(’.tmp’),connect().use(’/bower_components’,connect.static(’./bower_components’) ),connect.static(appConfig.app)]; }} },
如何更改此格式以使用mod-rewrite或任何其他方法来实现html5mode?
我尝试使用此处提供的方法:https ://gist.github.com/nnarhinen/7719157我将其组合以创建以下内容:
middleware: function (connect) { return [connect.static(modRewrite([’^[^.]*$ /index.html [L]’])),connect.static(’.tmp’),connect().use( ’/bower_components’,connect.static(’./bower_components’)),connect.static(appConfig.app) ];}
这使我可以查看普通视图,但是modRewrite部分似乎没有执行所需的操作,以便通过url进入任何其他视图。
相关文章:
1. python 正则表达式提取2. 前端HTML与PHP+MySQL连接3. java - ehcache缓存用的是虚拟机内存么?4. CSS3 flex 如何让高度不等的同排等高?5. mysql_replication - mysql读写分离时如果单台写库也无法满足性能怎么解决6. docker - 各位电脑上有多少个容器啊?容器一多,自己都搞混了,咋办呢?7. 在mac下出现了两个docker环境8. node.js - 对将近2000个网页发起同时20个的并发请求,出去request请求失败9. dockerfile - [docker build image失败- npm install]10. javascript - JQuery如何给新建的img标签添加onload事件,并自动调用。

网公网安备