如何在IIS中托管webAPI / HTML？

Question

i have created a project in VS2015,My architecture goes like this,using ASP.NET empty website i have added few html,jquery,highcharts etc(not used any aspx page) and for same solution using webApi nuget packages i added controllers and added class libraries(Business layer,Data layer) to same project.so from html page using AGAX i am calling webapi(exsits in the same soloution) and controller methods will contact data layer to fetch data, i will get json and i will bind to HTML and i am using Token based authentication,everything is working perfectly.

Now the problem is how to HOST this solution in IIS,Initially what i did, first i published my solution API part and hosted in IIS(8081 port) and able to call webapi. then i added my HTML(UI) part to IIS(8080 port) and able to browse the page , but while calling WEB API it leads to HTML CROSS problem, because WEB API is in Different Domain, so with few changes in WEBAPI i am able solve HTML CROSS problem but still few more challenges,

So is there any best solution for this, i am a mid level developer till now i haven't done any proper deployments.Can we host everything in one domian? solution reference: http://www.codeproject.com/Articles/815916/Create-an-ASP-NET-Web-Forms-Application-using-Boot

Answer 1

add the following to your webconfig of your api project

<?xml version="1.0" encoding="utf-8"?>
<configuration>
 <system.webServer>
   <httpProtocol>
     <customHeaders>
       <add name="Access-Control-Allow-Origin" value="*" />
     </customHeaders>
   </httpProtocol>
 </system.webServer>
</configuration>

This will allow your api's to communicate with all domains.

For doing everything in a single domain i would prefer you to bring all html files in to razor.Then from there you can controll the html via simple ajax calls.So it will look like a neat SPA.

Answer 2

避免CORS问题的最佳方法是首先发布您的WEB API，然后在IIS中添加为该应用程序的新应用程序并添加HTML网站，因为两者都位于IIS的同一端口中，所以我们可以避免CORS。