Remove # from URL in angular JS

Question

Hi I am using Angular JS for my Front End, php is the Service layer.

I am trying to remove the # from my url.

Now : http://localhost/loginwithangular/#/login

I want look like : http://localhost/loginwithangular/login

I tried : $locationProvider.html5Mode(true);but it is not working.

Could you please some one suggest how to make it work.

Thanks in advance !

add this to inside your <base href="/" /> inside <head></head> tag — GKS
– GKS, Commented Nov 26, 2016 at 10:45
i have already use <base href="/" /> inside <head></head> tag.but still not work properly. — Rahool Dhokiya
– Rahool Dhokiya, Commented Nov 26, 2016 at 10:48
http://localhost/loginwithangular is this you base URL ? i mean your whole website running inside the http://localhost/loginwithangular ? — GKS
– GKS, Commented Nov 26, 2016 at 10:50
if yes then try adding this code <base href="/loginwithangular/index.html" /> or <base href="/loginwithangular/" /> — GKS
– GKS, Commented Nov 26, 2016 at 10:55

Dipen Desai · Accepted Answer · 2016-11-26 10:45:19Z

1

try this

angular.module('phonecat', []).
 config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {

$routeProvider.
  when('/phones', {templateUrl: 'partials/phone-list.html',   controller: PhoneListCtrl}).
  when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}).
  otherwise({redirectTo: '/phones'});

$locationProvider.html5Mode(true);

 }]);

answered Nov 26, 2016 at 10:45

Dipen Desai

1494 bronze badges

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

1 Comment

Rahool Dhokiya Over a year ago

i have already use $locationProvider.html5Mode(true); in my app.js ;but still does not work properly.

Mihyar Almassalma · Accepted Answer · 2017-05-02 00:24:00Z

1

You need to add the <base href='/'> in your index.html also in your app.js you need to add

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

answered May 2, 2017 at 0:24

Mihyar Almassalma

113 bronze badges

Comments

Sitesh Ranjan · Accepted Answer · 2019-08-16 09:29:11Z

1

You have to add RewriteBase / in your

.htaccess

file. and add <base href="/"> in your

index.html

file and also add $locationProvider.html5Mode(true) to your

main.js

answered Aug 16, 2019 at 9:29

Sitesh Ranjan

739 bronze badges

Collectives™ on Stack Overflow

Remove # from URL in angular JS

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related