大佬教程收集整理的这篇文章主要介绍了Livereload Html5 Pushstate与AngularJS,ui.Router和yeoman,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有什么必须做的?
<Meta name="fragment" content="!"> <base href="/">
该应用程序
在app.js中,您必须注入以下依赖项并添加函数.
angular .module('yourApp',[ 'ngAnimate','ngCookies','ngresource','ngSanitize','ui.router',]) .config(function ($stateProvider,$urlRouterProvider,$LOCATIOnProvider) { // HTML5 PUSH STATE $LOCATIOnProvider.html5Mode(true).hashPrefix('!'); $urlRouterProvider.otherwise('/'); // STATES $stateProvider .state('home',{ url: '/',templateUrl: 'views/home.html',controller: 'homeCtrl' }); });@H_438_2@middelware
解决这个问题的方法是调整connect-modrewrite中间件.
使用您的yeomanfolder中的控制台中的节点packetmanager安装中间件
npm install connect-modrewrite
然后调整Gruntfile.js
var modRewrite = require('connect-modrewrite'); livereload: { options: { open: true,base: [ '.tmp','<%= yeoman.app %>' ],middleware: function (connect,options) { var middlewares = []; middlewares.push(modRewrite(['^[^\\.]*$/index.html [L]'])); //Matches everything that does not contain a '.' (period) options.base.forEach(function (basE) { middlewares.push(connect.static(basE)); }); middlewares.push( connect.static('.tmp'),connect().use( '/bower_components',connect.static('./bower_components') ) ); return middlewares; } } },
现在用命令开始你的咕噜声
grunt serve
以上是大佬教程为你收集整理的Livereload Html5 Pushstate与AngularJS,ui.Router和yeoman全部内容,希望文章能够帮你解决Livereload Html5 Pushstate与AngularJS,ui.Router和yeoman所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。