angularjs html5mode not working

Question

If I don't use the html5mode, everything works fine. But when I activate it I keep getting 404 error on every request.

Here's the relevant code:

$urlRouterProvider.otherwise('/404');
$locationProvider.html5Mode(true);

    $stateProvider
        .state('404', {
            url: '/404',
            views: {
                '': {
                    templateUrl: '404.html'
                }
            }
        });

and I use the ui-route state provider :

$stateProvider.state('mandates', {
            url: '/domiciliations/mandats',
            views: {
                '': {
                    templateUrl: 'directDebit/views/mandates.html',
                    controller: 'mandates.ctrl',
                },
                'menu-action': {
                    templateUrl: 'directDebit/views/menu/menu.mandates.html',
                    controller: 'menu.mandates.ctrl'
                }
            }
        })

So if I try to access mydomain/app/domiciliations/mandats, I get a 404. If I don't use html5 mode, then requesting mydomain/app/#/domiciliations/mandats.

Any idea what I should change ?

Brian Lewis · Accepted Answer · 2013-06-19 14:44:10Z

3

You need to make sure your server is setup to redirect all requests to your index/app. What server are you running?

answered Jun 19, 2013 at 14:44

Brian Lewis

5,7191 gold badge23 silver badges28 bronze badges

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

4 Comments

Sam Over a year ago

IIS. So switching to html5 mode is not enough, right ? What would the redirection look like in the above example ?

Brian Lewis Over a year ago

Correct. You will need to modify your web.config to redirect for you.

Sam Over a year ago

all is working fine now, I've done the url rewriting on the server side.

Pian0_M4n Over a year ago

I have the same problem in nginx and nothing seems to work. base url is set, nginx is set, html5mode(true) is set, but it keeps giving out 404 errors when I refresh. If I go to base page, I can navigate, but I can no longer navigate to absolute URLs in the website.

Collectives™ on Stack Overflow

angularjs html5mode not working

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related