Host frontend (react) and backend (ASP.NET Web Api) under the same Website in IIS

Question

I have 2 applications.

I want frontend (react) to be available on url: localhost:5001/ekadry

and backend (web api in c#) to be available on url: localhost:5001/ekadryapi

This is how it looks like in IIS:

When I go to each of these urls each app seems to be working. The problem occurs when frontend requests something from backend - then I get an error 405 Method Not Allowed:

The problem DOES NOT occur when backend and frontend are hosted on different ports as different Web Sites. Can someone explain it to me?

See this if it helps - stackoverflow.com/questions/59485621/… — T.kowshik Yedida
– T.kowshik Yedida, Commented Feb 9, 2021 at 10:26
try to remove the WebDAV feature from the iis. by unchecking the feature.image restart iis after making changes. — Jalpa Panchal
– Jalpa Panchal, Commented Feb 19, 2021 at 9:56

Voyak · Accepted Answer · 2021-02-25 08:35:48Z

1

I added this rule in web.config and now frontend can access backend. Problem solved.

    <rule name="ReactRouter Routes" stopProcessing="true">
      <match url=".*" />
      <conditions logicalGrouping="MatchAll">
        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
        <add input="{REQUEST_URI}" pattern="^/ekadryapi(.*)$" negate="true" />
        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
      </conditions>
      <action type="Rewrite" url="/index.html" />
    </rule>

answered Feb 25, 2021 at 8:35

Voyak

1861 gold badge1 silver badge13 bronze badges

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

Comments

Atabai Fekri · Accepted Answer · 2021-02-08 13:35:25Z

0

I think you have to grant access to clients in API web.config

Something like below tags:

<configuration>
<system.webServer>
   <httpProtocol>
        <customHeaders>
            <add name="Access-Control-Allow-Origin" value="*" />
            <add name="Access-Control-Allow-Headers" value="Content-Type, Token, Accept, 
            Accept-Language, Content-Language,X-ATJ-Auth-Token,X-ATJ-Username" />
            <add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE,OPTIONS" />
        </customHeaders>
   </httpProtocol>
    <handlers>
      .
      .
      .
    </handlers>
  </system.webServer>
</configuration>

edited Feb 8, 2021 at 13:35

answered Feb 8, 2021 at 13:27

Atabai Fekri

3092 gold badges4 silver badges22 bronze badges

1 Comment

Voyak Over a year ago

Thanks for the answer. I added these lines to web.config in web api but I don't see a difference, still same error :(

Collectives™ on Stack Overflow

Host frontend (react) and backend (ASP.NET Web Api) under the same Website in IIS

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related