Angularjs routing: Get 404 upon browser refresh

Question

I am using Angular JS, asp.net web api project.

When I route using the following url

http://localhost:3458/Profile

I get the following error

Description: HTTP 404. The resource you are looking for...

But when I use the following link

http://localhost:3458/#/Profile

I do not get the 404 error.

I have googled and looked at other Stack overflow answers to the same question but still no success. Here is my code.

appointmentReminderApp.config(function ($routeProvider, $locationProvider, $httpProvider) {
    $httpProvider.interceptors.push('authInterceptorService');
    $locationProvider.html5Mode(true).hashPrefix('!');
    $routeProvider
        // Auth 
        .when("/home", {
            templateUrl: "App/Home.html",
            controller: "HomeController"
        })
        .when("/Register", {
            templateUrl: "App/AuthForm/templates/register.html",
            controller: "authRegisterController"
        })
    .when("/Profile", {
        templateUrl: "App/ProfileForm/templates/profile.html",
        controller: "profileController"
    })
        // All else
        .otherwise({ redirectTo: "/home" });
});

to use html5 mode, you have to enable rewriting on your server as well as within the angular app. check here github.com/angular-ui/ui-router/wiki/… — Claies
– Claies, Commented Feb 10, 2015 at 4:28
I think the problem here is that the .nets MVC Routing it taking precedence — RSquared
– RSquared, Commented Feb 10, 2015 at 4:28

Nicholas Hirras · Accepted Answer · 2015-02-10 04:33:49Z

1

You have to configure your server to send any request for http://localhost:3458/Profile and any other URL you will be routing, to your actual angular app's page index.html or whatever your page is.

answered Feb 10, 2015 at 4:33

Nicholas Hirras

2,5962 gold badges23 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

Angularjs routing: Get 404 upon browser refresh

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related