How to deploy react.js project on iis server at subdomain?

Question

I would like to deploy react.js project on iis server at a subdomain.

The works I do below:

BrowserRouter with basename

import { BrowserRouter } from 'react-router-dom';

<BrowserRouter basename="/Subdomain">
   <App></App>
</BrowserRouter>

In App;

<Switch>
  <Route exact path="/" component={Main} />
...
</Switch>

Add 'HomePage' at package.json

"homepage": "https://domain/subdomain/"
Install URL Rewrite for IIS and create web.config

https://www.iis.net/downloads/microsoft/url-rewrite

web.config

<?xml version="1.0" encoding="UTF-8"?>
    <configuration>
      <system.webServer>
      <rewrite>
        <rules>
          <rule name="Rewrite Text Requests" stopProcessing="true">
            <match url=".*" />
            <conditions>
              <add input="{HTTP_METHOD}" pattern="^GET$" />
              <add input="{HTTP_ACCEPT}" pattern="^text/html" />
              <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            </conditions>
            <action type="Rewrite" url="/index.html" />
          </rule>
        </rules>
      </rewrite>
    </system.webServer>
    </configuration>

Although I did iisreset, still getting error (404 - File or directory not found.) when open page at Link in BrowserRouter.

Thank you for your help.

did you found any solution ?

prudhvi259
– prudhvi259

2021-11-16 11:41:36 +00:00
Commented Nov 16, 2021 at 11:41 — prudhvi259
– prudhvi259, Commented Nov 16, 2021 at 11:41

Karthik Dhanasekaran · Accepted Answer · 2021-09-29 14:00:58Z

2

Include your subdomain in the action of web.config. It works.

<action type="Rewrite" url="/subdomain/index.html" />

And you might need to place the web.config inside your subdomain folder. Not in the root folder.

edited Sep 29, 2021 at 14:00

answered Sep 24, 2021 at 21:47

Karthik Dhanasekaran

2104 silver badges11 bronze badges

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

Comments

Günay Gültekin · Accepted Answer · 2022-02-22 17:56:02Z

I have refresh and subdomain problems. This configuration solves my problems.

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
  <rewrite>
    <rules>
      <rule name="Rewrite Text Requests" stopProcessing="true">
        <match url=".*" />
        <conditions>
          <add input="{HTTP_METHOD}" pattern="^GET$" />
          <add input="{HTTP_ACCEPT}" pattern="^text/html" />
          <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
        </conditions>
        <action type="Rewrite" url="/ui/index.html" />
      </rule>
    </rules>
  </rewrite>
  <httpErrors errorMode="Custom" existingResponse="Replace">   
    <remove statusCode="404" subStatusCode="-1" />
    <error statusCode="404" path="/ui" responseMode="ExecuteURL" />           
  </httpErrors>
  </system.webServer>
</configuration>

Collectives™ on Stack Overflow

How to deploy react.js project on iis server at subdomain?

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