How to host Web API with AngularJs inside Virtual Directory on IIS

Question

I am new with Web Api and using n-tier architecture. I have a simple application with AngularJs as javascript framework and using Web Api as RESTFul service. I also have Data Access Layer, Business Logic Layer and a separate layer for Model.Html pages are included in same project containing Api, in Pages folder. This is my project structure:

I am trying to host the project on Local IIS. I have changed the servers option from properties of FirstApp.Web to local IIS. Html pages are being displayed fine. The page contains simple login form. Using Angularjs service I am calling the Web Api which is under Controllers folder.

this.authenticate = function (obj) {
        return $http.post('/api/Employee/Validate/', obj, {});
    }

But it is throwing

Help me to figure out how to host the whole application on local IIS.

application is working fine with IIS Express but not on Local IIS. — Vivek
– Vivek, Commented Feb 25, 2016 at 0:52

Win · Accepted Answer · 2016-02-25 01:04:16Z

1

It happens if you do not host the application at root level - http://localhost/Pages/Index.html.

In my saturation, I use ASP.Net MVC _layout.cshtml, so I get the site's URL using @Url.Content("~"), and append it at the front of every Angular's requested URL.

// This script tags is placed inside _layout.cshtml
<script type="text/javascript">        
    window.MyApp = {
        rootPath: '@Url.Content("~")'
    };
</script>

Usage

this.authenticate = function (obj) {
   return $http.post(window.MyApp.rootPath + 'api/Employee/Validate/', obj, {});
}

answered Feb 25, 2016 at 1:04

Win

62.4k13 gold badges106 silver badges190 bronze badges

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

2 Comments

Vivek Over a year ago

But I am not using Razor view. It is simple html page. Any work around for this?

Win Over a year ago

If regular html page, you will need to place the above script inside index.html, and manually update rootPath like this window.MyApp = { rootPath: '/FirstApp.Web/' };

Collectives™ on Stack Overflow

How to host Web API with AngularJs inside Virtual Directory on IIS

1 Answer 1

Usage

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Usage

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related