从有角JS中的URL中删除index.html

Question

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

I am trying to remove the index.html from my url.

Now : http://localhost:3000/Myapp/index.html#!/login

I want look like : http://localhost:3000/Myapp/client1#!/login

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

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

Thanks in advance !

`

Answer 1

This is something that needs to be configured on the server. You would need to configure your server to serve the index.html file on the route Myapp/client1

Answer 2

you could activate the HTML5 mode for $location :

angular.module('yourApp',[]).config(function($locationProvider) {
    $locationProvider.html5Mode({
      enabled: true,
      requireBase: false
    });
    ...
});

But this would simply replace index.html with nothing. If you want to be replaced by client1 you have to do it on your server, for example with mod_rewrite in your .htaccess, if you are using apache

Answer 3

Maybe this approach could help:

Add $locationProvider.hashPrefix();, which removes index.html in your URL, in your app.js config. Don't forget to add the new dependency. After that your app.js could look similar to this:

 angular.module('myApp', [
  'ngRoute'
])
.config(['$locationProvider', '$routeProvider', function($locationProvider, $routeProvider) {
  $locationProvider.hashPrefix(); // Removes index.html in URL

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