How to remove the hashtag (#) from the URL?

Question

How to remove the hashtag (#) from the URL?

Navigation

#1 by (3 votes)

2

By default AngularJs formats the URL as follows:

http://dominio.com.br/#/login

How do I leave it as follows?

http://dominio.com.br/login

angularjs

asked by anonymous 07.06.2016 / 17:05

1 answer

How to get data from a JTable for storage in a database? Correct way to update a Model from a ViewModel

score 3 · Accepted Answer

It's two simple steps:

Enable HTML5 in $locationProvider
Configure the base application path

Enable HTML5

angular.module('app', [])
  .config(function($routeProvider, $locationProvider) {
    $routeProvider
      .when('/', {
        templateUrl : 'home.html',
        controller : homeController
      })
      .when('/sobre', {
        templateUrl : 'sobre.html',
        controller : sobreController
      });

      // habilitar o uso da API HTML5 History
      $locationProvider.html5Mode(true);
    });

Define url base in application index

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

Source: Beautiful URLs in AngularJS: Removing # >