angularjs remove index.html

Question

UPDATE

AngularJS works now. Switched to WebStorm IDE, but also had problem setting it up, that helped me: Bower "Git not in the PATH" error (Bower “Git not in the PATH” error).

Soon I will try ngrouting under WebStorm again.

How can I remove index.html from my localhost URL? There are similar questions, but they couldn't help me.

Here is what I did so far:

index.html:

<head><title>MyApp</title></head>    
<body>
  <div ng-view>
      <a href="#/menu">Menu</a>
      <a href="#/main">Main</a>
  </div>
</body>

app.js:

var app = angular.module('myApp', [
  'ngRoute',
  'ngResource',
  'HTML5ModeURLs'
});

config.js:

app.config(['$routeProvider', '$locationProvider',
function ($routeProvider, $locationProvider) {
    $route.html5Mode(true);

    $routeProvider.
        when('/menu', {
            templateUrl: 'Modules/Menu/view.html',
            controller: 'Modules/Menu/controller'
        }).
        when('/main', {
            templateUrl: 'Modules/Main/view.html',
            controller: 'Modules/Main/controller'
        }).
        otherwise({
            redirectTo: '/menu'
        });
}
]);

This is something that can be done server side only, which kind of server are you using ? (Apache / node.js...) — bviale
– bviale, Commented May 18, 2015 at 13:21

enguerranws · Accepted Answer · 2015-05-18 13:28:11Z

2

You try to remove index.html from your app url ?

app.config(['$routeProvider', '$locationProvider',
function ($routeProvider, $locationProvider) {
$route.html5Mode(true);

$routeProvider.
     when('/', {
        templateUrl: 'index.html',
        controller: 'HomeCtrl'
    }).
    when('/menu', {
        templateUrl: 'Modules/Menu/view.html',
        controller: 'Modules/Menu/controller'
    }).
    when('/main', {
        templateUrl: 'Modules/Main/view.html',
        controller: 'Modules/Main/controller'
    }).
    otherwise({
        redirectTo: '/menu'
    });
  }
]);

Setting the route '/' should do the job I guess. That's how I do it anyway.

answered May 18, 2015 at 13:28

enguerranws

8,2338 gold badges53 silver badges101 bronze badges

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

2 Comments

enguerranws Over a year ago

Just in case : did you set the <base href="/"> in the document <head> (for html5Mode) ?

AJ_83 Over a year ago

I set that. Seems like Visual Studio is not detecting AngularJS. (see my updated question). Of course I have ng-app="myApp" in the 'htm'l tag.

Community · Accepted Answer · 2017-05-23 12:31:02Z

2

You are using IIS Express to host your AngularJS application files, so I think this topic was what you were looking for. Yagiz Ozturk solution suggests you to configure your IIS server this way to rewrite URL, so you will be able to skip the index.html part :

<system.webServer>
<rewrite>
  <rules>
    <rule name="AngularJS" stopProcessing="true">
      <match url=".*" />
      <conditions logicalGrouping="MatchAll">
        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
        <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
      </conditions>
      <action type="Rewrite" url="/" />
    </rule>
  </rules>
</rewrite>

edited May 23, 2017 at 12:31

CommunityBot

11 silver badge

answered May 18, 2015 at 13:34

bviale

5,3933 gold badges30 silver badges48 bronze badges

2 Comments

AJ_83 Over a year ago

Put that in my web config. Still got localhost:10203/App/index.html, localhost:10203/App/index.html#/menu, localhost:10203/App/index.html#/main as url's. I also installed url rewriter for iis on server and added a base href to index.html. Getting a 'Owin' error, when I remove the # from the href's, but Microsoft.Web.Infrastructure is installed and references are made.

AJ_83 Over a year ago

application servererror, "Owin, Version=1.0.0.0, Culture=neutral, PublicKeyToken=f0ebd12fd5e55cc5" could not be found. The System cannot found the file error.

Collectives™ on Stack Overflow

angularjs remove index.html

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related