URL Hash display like url.com/something#/ instead of url.com/something/#/

Question

I face to this problem, I using angular v1.6.5 , my route act weird , let's say I have this route :

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

and my url is like myUrl.com/sectionName what I expect to get is :

myUrl.com/sectionName/#/

but instead I get this :

myUrl.com/sectionName#/

I still can get my data and controllers works fine in this route, but cause some other problems ( for instance cannot detect onhashchange event )

I searched for similar problems but most of them was about some other issues like some extra chars ( like '!' ) which can be fixed by using $locationProvider.hashPrefix(''); and I also already used it in my config, but in my case, the problem is something else.

So if any help on this I will appreciate it.

Can you reproduce same problem in jsfiddle using your sample code? It will be easier then to help u. — yugantar kumar
– yugantar kumar, Commented Aug 3, 2017 at 4:29
do you have a <base> tag in your HTML? Can you try <base href="sectionName" /> and see if it helps? — Claies
– Claies, Commented Aug 5, 2017 at 0:31
@Claies Yes I do have it and my base is the root <base href="/"> — Emad Dehnavi
– Emad Dehnavi, Commented Aug 5, 2017 at 2:55

Robus · Accepted Answer · 2017-08-05 01:59:11Z

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>

Try this, it will prettify your links.

answered Aug 5, 2017 at 1:59

Robus

4656 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Emad Dehnavi Over a year ago

Thanks, I try this but the issue is still there.

Robus Over a year ago

wouldn't know exact problem unless you reproduce in jsfiddle.

Emad Dehnavi Over a year ago

well can't reproduce it exactly, this is part of a large .NET MVC base web application, I try to reproduce it in an example with same routes in jsfiddle, but it was fine. thanks anyway.

Collectives™ on Stack Overflow

URL Hash display like url.com/something#/ instead of url.com/something/#/

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related