AngularJS index page without #/home

Question

I have an AngularJS 1.0.7 web application. When I load my site in a browser I type www.domainname.com. The browser loads the page and immediately my browser url changes to www.domainname/home.

How can avoid this? I would like the browser shows www.domainname.com when I´m in index.html

UPDATE:

Please see my app.js:

'use strict';


// Declare app level module which depends on filters, and services
angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'myApp.controllers'])
  .config(['$routeProvider', '$httpProvider', '$locationProvider',function($routeProvider, $httpProvider, $locationProvider) {

    // use the HTML5 History API
    $locationProvider.html5Mode(true);   

    $httpProvider.defaults.useXDomain = true;
    delete $httpProvider.defaults.headers.common["X-Requested-With"];           

    $routeProvider.when('/about', {templateUrl: 'partials/about.html', controller: 'AboutCtrl'});    
    $routeProvider.when('/contact', {templateUrl: 'partials/contact.html', controller: 'HomeCtrl'});
    // More routing
    $routeProvider.when('/home', {templateUrl: 'partials/home.html', controller: 'HomeCtrl'});
    // More routing
    $routeProvider.otherwise({redirectTo: '/home'}); 
  }])
  .config(function(AngularyticsProvider) {
    AngularyticsProvider.setEventHandlers(['Console', 'GoogleUniversal']);
  }).run(function(Angularytics) {
    Angularytics.init();
  });

What does your routing look like? Give us something to work with, please. Also, consider updating AngularJS. Your version is very old. — isherwood
– isherwood, Commented Feb 19, 2015 at 13:33

Manube · Accepted Answer · 2015-02-19 14:54:08Z

2

It should work if you replaced:

$routeProvider.otherwise({redirectTo: '/home'});

by

$routeProvider.otherwise({redirectTo: '/'});

and added:

$routeProvider.when('/', {templateUrl: 'partials/home.html', controller: 'HomeCtrl'});

NOTE: and as @isherwood rightly commented below:

$routeProvider.when('/home', {templateUrl: 'partials/home.html', controller: 'HomeCtrl'});

can be removed altogether, to avoid having both '/' and '/home' pointing to the same route.

edited Feb 19, 2015 at 14:54

answered Feb 19, 2015 at 14:10

Manube

5,2294 gold badges38 silver badges61 bronze badges

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

1 Comment

isherwood Over a year ago

This should do it. The last line is a change, though, and not an addition.

Collectives™ on Stack Overflow

AngularJS index page without #/home

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related