serve .net core and angular 5 app on local iis

Question

I have the following setup:

A .net core web api 2.1.x app
An angular app in a separate project

I would like to host them both in one iis Site so that they are like that:

localhost\Site\ < --- angular app
localhost\Site\Api\ < --- web api app

I tried to run the .net core web api project from a virtual folder but with no luck. Getting a 404 exections

The web api works if I host the Web api project directly (binding the Application path to the \Api folder). But then that app needs to serve also statics files witch It does not whant to do for some reason even doh I enabled:

ConfigureServices

    services.AddSpaStaticFiles(configuration =>
    {
        configuration.RootPath = "App";
    });

...

Configuration

    app.UseStaticFiles(new StaticFileOptions()
    {
        OnPrepareResponse = (context) =>
        {
            // Disable caching for all static files.
            context.Context.Response.Headers["Cache-Control"] = Configuration["StaticFiles:Headers:Cache-Control"];
            context.Context.Response.Headers["Pragma"] = Configuration["StaticFiles:Headers:Pragma"];
            context.Context.Response.Headers["Expires"] = Configuration["StaticFiles:Headers:Expires"];
        }
    });

Anyone know where I could find some instructions regarding this?

Jester · Accepted Answer · 2018-09-17 18:53:09Z

Managed to get it working,

In case someone comes along this this is what worked for me:

1.) Make the Site app pool to work with .net core:

2.) Create an application under the site calling it app Deploy the angular app to that folder (don't forget to build the angular app with base-href to account for the folder ) Change the web.config to (have a look at headers.remove ):

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <location path="." inheritInChildApplications="false">
    <system.webServer>
      <handlers>
        <remove name="aspNetCore" />
      </handlers>
    </system.webServer>
  </location>
</configuration>

3.) Create another app under the site calling it backend for instance:

Deploy the .net core web api app into this folder.

Change the web.config to (imporant to remove the commented out header section):

<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.webServer>
       <!-- <handlers> -->
         <!-- <remove name="aspnetcore" path="*" verb="*" modules="aspnetcoremodule" resourcetype="unspecified" />  -->
       <!-- </handlers>  -->
      <aspNetCore processPath="dotnet" arguments=".\core.rest.dll" stdoutLogEnabled="true" stdoutLogFile=".\logs\stdout" />
    </system.webServer>
</configuration>

Hope it helps someone

Fletch · Accepted Answer · 2020-01-21 08:55:40Z

0

I also had similar issues, and found the .NET Core application and the Angular application had to be configured as separate applications under the same website in IIS. This may be a well known fact, but I couldn't find it stated anywhere

answered Jan 21, 2020 at 8:55

Fletch

9172 gold badges15 silver badges37 bronze badges

Collectives™ on Stack Overflow

serve .net core and angular 5 app on local iis

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related