Remove #!/ from http local server url [duplicate]

Question

I am creating an AngularJs application and everything is working fine.

Yet, I am facing an issue trying to remove #!/ from my url

When I run http-server in console it throws

Then I enter there and the url automatically changes to http://127.0.0.1:8080/#!/

I have this in my route provider

    .when('/', {
        templateUrl: 'galleryMap.html',
        controller: 'GalleryMapController'
    })

    .when('/photo/:id', {
        templateUrl: "detail.html",
        controller: 'DetailPageController'
    })

The I call the url this way

$window.location.href = /photo/3;
$window.location.href = /;

Both don't work unless their urls are written like this http://127.0.0.1:8080/#!/photo/3 http://127.0.0.1:8080/#!/

Is it possible to make it work like a normal url like this http://127.0.0.1:8080/photo/3 without that horrible tags?

@DanielA.White galleryMapApp.config(function ( $routeProvider) { $routeProvider .when('/', { templateUrl: 'galleryMap.html', controller: 'GalleryMapController' }) .otherwise({ redirectTo: '/' }); }); — Gilberto Langarica
– Gilberto Langarica, Commented Feb 1, 2018 at 20:44

Matt Goodrich · Accepted Answer · 2018-02-01 20:44:11Z

0

The "horrible tags" are used to indicate routing on the client-side, rather than the server-side. Loading on the client-side allows the page to not need to completely reload in order to load a new page.

However, you can still perform client-side routing without the hash. You should be able to add this to your application's config to remove the hash:

$locationProvider.html5mode(true);

answered Feb 1, 2018 at 20:44

Matt Goodrich

5,1155 gold badges27 silver badges39 bronze badges

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

2 Comments

Gilberto Langarica Over a year ago

This doesn't work. Im getting blank pague when I try 127.0.0.1:8080/photo/4

Matt Goodrich Over a year ago

Are you sure you placed it correctly? Try reading scotch.io/tutorials/… and see if it helps. If not, I'll create an example.

Collectives™ on Stack Overflow

Remove #!/ from http local server url [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related