URL哈希显示,如url.com/something#/,而不是url.com/something/#/

时间:2017-08-03 03:57:51

标签: javascript angularjs routes angular-routing

我面对这个问题,我使用棱角分明v1.6.5,我的路线很奇怪,让我说我有这条路线:

 $routeProvider
        .when('/', { templateUrl: 'myTemplate', controller: 'myController', method: 'myMethod' })
}

我的网址就像myUrl.com/sectionName我希望获得的是:

myUrl.com/sectionName/#/

但我得到了这个:

myUrl.com/sectionName#/

我仍然可以使我的数据和控制器在此路由中正常工作,但会导致其他一些问题(例如无法检测到onhashchange事件)

我搜索了类似的问题,但其中大多数是关于一些其他问题,比如一些额外的字符(比如'!'),可以使用$locationProvider.hashPrefix('');修复,我也已经在我的配置中使用了它,但是我的情况,问题是别的。

所以,如果有任何帮助,我会很感激。

1 个答案:

答案 0 :(得分:1)

    angular.module('myapp', [])
       .config(function($routeProvider, $locationProvider) {

        $routeProvider
            .when('/', {
                templateUrl : 'partials/home.html',
                controller : mainController
            })
       $locationProvider.html5Mode(true);
});

HTML

<!doctype html>
<html>
<head>
    <meta charset="utf-8">

    <base href="/">
</head>

试试这个,它会美化你的链接。