После установки grunt url не работает?

Question

enter image description here Am установка AngularJS развития с Yeoman, Грунтом и Бауэром установка успешно завершено, а затем запустить сервер с помощью сервера чернового он также работает успешно, но мой URL проходит, как показано ниже,

http://localhost:9010/#!/#%2F 
http://localhost:9010/#!/#%2Fabout 
http://localhost:9010/#!/#%2F 

После нажмите о, контактную ссылку не работая пропуская url как выше, это не происходит, контактная страница есть какие-либо проблемы в моем процессе установки или что-то изменилось в файлах, пожалуйста, дайте мне решение.

'use strict'; 


    angular 
.module('newangularApp', [ 
'ngAnimate', 
'ngCookies', 
'ngResource', 
'ngRoute', 
'ngSanitize', 
'ngTouch' 
]) 
.config(function ($routeProvider) { 
$routeProvider 
    .when('/', { 
    templateUrl: 'views/main.html', 
    controller: 'MainCtrl', 
    controllerAs: 'main' 
    }) 
    .when('/about', { 
    templateUrl: 'views/about.html', 
    controller: 'AboutCtrl', 
    controllerAs: 'about' 
    }) 
    .otherwise({ 
    redirectTo: '/' 
    }); 
}); 

(function(window, angular) {'use strict'; 


    function shallowCopy(src, dst) { 
    if (isArray(src)) { 
dst = dst || []; 

for (var i = 0, ii = src.length; i < ii; i++) { 
    dst[i] = src[i]; 
} 
} else if (isObject(src)) { 
dst = dst || {}; 

for (var key in src) { 
    if (!(key.charAt(0) === '$' && key.charAt(1) === '$')) { 
    dst[key] = src[key]; 
    } 
    } 
    } 

return dst || src; 
    } 
    var ngRouteModule = angular. 
    module('ngRoute', []). 
    provider('$route', $RouteProvider). 
// Ensure `$route` will be instantiated in time to capture the initial `$locationChangeSuccess` 
    // event (unless explicitly disabled). This is necessary in case `ngView` is included in an 
    // asynchronously loaded template. 
    run(instantiateRoute); 
    var $routeMinErr = angular.$$minErr('ngRoute'); 
    var isEagerInstantiationEnabled; 

enter image description here

Answer 1

Включить html5Mode в вашем коде.

.config(function ($routeProvider, $locationProvider) { 
$routeProvider 
    .when('/', { 
    templateUrl: 'views/main.html', 
    controller: 'MainCtrl', 
    controllerAs: 'main' 
    }) 
    .when('/about', { 
    templateUrl: 'views/about.html', 
    controller: 'AboutCtrl', 
    controllerAs: 'about' 
    }) 
    .otherwise({ 
    redirectTo: '/' 
    }); 
$locationProvider.html5Mode(true); 
}); 

Теперь удалите # из ваших анкерных элементов (<a>). Это решит вашу проблему.

В головной секции добавьте <base href="/"> из index.html