我在Chrome中打开网站时出现角度问题
_localhost/angular/_
网址更改为
_localhost/#_
然而在Firefox中,一切都如预期一样
我认为它是由routeProvider引起的
var Angapp = angular.module('angApp', []).
config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/', {
templateUrl: 'partials/main.html',
controller: mainCtrl
})
.when('/:catId', {
templateUrl: 'partials/category.html',
controller: categoryCtrl
})
.when('/detail/:detId', {
templateUrl: 'partials/detail.html',
controller: detailsCtrl
})
.otherwise({
redirectTo: '/'
});
}]);
我希望有人可以帮助我解释发生了什么,我错过了什么。
提前感谢。
修改
当我添加
.....
config(['$routeProvider','$locationProvider', function($routeProvider. $locationProvider){
.......
$locationProvider.html5Mode(true);
路由在Chrome和Firefox中完全中断
_localhost/angular/#%2Flink_
当我删除“#%2F”并重新加载页面时,我收到404作为回复 当我点击退格键然后网站正确加载!
答案 0 :(得分:0)
请确保您的浏览器支持HTML5
。对于不支持HTML5历史记录API的浏览器,AngularJS会自动回退到hasbang
个网址,因此无法"remove"
hash(#)
。