使用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. javascript - vuejs+elementui 購物車價格計算,點擊加減號修改數量總價都不會改變,但是計算執行了2. css右浮動字的順序顛倒了3. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)4. html5和Flash對抗是什么情況?5. javascript - 我是做web前端的,公司最近有一個項目關于數據統計的!6. ios - 類似微博首頁,一張圖的時候是如何確定圖大小的?7. javascript - 如何使用loadash對[object,object,object]形式的數組進行比較8. javascript - vue過渡效果 css過渡 類名的先后順序9. javascript - 在ie下為什么會出現這種情況呢 《 無法獲取未定義或 null 引用的屬性“length”》 ?請大神指教。10. 數據庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實在是找不到哪里的問題了。
