fails to load assets file on page reloading angularJS

Question

I have the following routes:

/**
 * General app route
 */
angular
    .module('app')
    .config(config);

config.$inject = ['$routeProvider', '$locationProvider'];
function config($routeProvider, $locationProvider) {
    $routeProvider
        .when('/', {
            templateUrl: 'partials/index.html',
            controller: 'ImageController'
        })
        .when('/category/:name', {
            templateUrl: 'partials/index.html',
            controller: 'CategoryController',
        })
        .when('/404', {
            templateUrl: 'partials/404.html'
        })
        .otherwise({ redirectTo: '/404' });

    $locationProvider.html5Mode({
        enabled: true,
        requireBase: false
    });
}

when I'm trying to access the category route from base route it works fine, but when I reload the page on category route it tries to access the assets file through category path instead of base path. how can I fix it?

Amirmasoud · Accepted Answer · 2016-07-17 12:08:58Z

1

I figured it out by adding base tag to index.html

<head>
    <base href="/index.html">
</head>

answered Jul 17, 2016 at 12:08

Amirmasoud

6784 gold badges15 silver badges28 bronze badges

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

Comments

Arun Ghosh · Accepted Answer · 2016-07-17 09:11:03Z

0

One way is the disable HTML5 mode

$locationProvider.html5Mode({
    // enabled: true,
    requireBase: false
});

Other way is to make sure the server side routing returns correct HTML file.

answered Jul 17, 2016 at 9:11

Arun Ghosh

7,7741 gold badge28 silver badges38 bronze badges

1 Comment

Amirmasoud Over a year ago

Thanks for your answer, you're solutions works but I added html5mode for removing # from url.

stalin · Accepted Answer · 2016-07-17 12:16:37Z

0

You have activate html5 mode, and for that you need redirect all the traffic to the index.html

See the section html5 mode for more details https://docs.angularjs.org/guide/$location

answered Jul 17, 2016 at 12:16

stalin

3,5142 gold badges28 silver badges26 bronze badges

Collectives™ on Stack Overflow

fails to load assets file on page reloading angularJS

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related