title: Making React Router working with IIS
body: <p>I've been looking for a way to make my app working with IIS. I can access my homepage just fine but when I navigate to my route <code>http://10.7.138.131/home/wellchart</code> I'll received 403 error.</p>
  
  <p>So I have a <code>web.config</code> that looks like this :</p>
  
  <pre><code>  &lt;?xml version="1.0" encoding="UTF-8"?&gt;
       &lt;configuration&gt;
           &lt;system.webServer&gt;
              &lt;rewrite&gt;
                &lt;rules&gt;
                  &lt;rule name="ReactRouter Routes" stopProcessing="true"&gt;
                  &lt;match url=".*" /&gt;
                  &lt;conditions logicalGrouping="MatchAll"&gt;
                     &lt;add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /&gt;
                     &lt;add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /&gt;
                  &lt;/conditions&gt;
                 &lt;action type="Rewrite" url="/" /&gt;
               &lt;/rule&gt;
             &lt;/rules&gt;
           &lt;/rewrite&gt;
          &lt;/system.webServer&gt;
         &lt;/configuration&gt;
  </code></pre>
  
  <p>My <code>createBrowserHistory</code> :</p>
  
  <pre><code>export const History = createBrowserHistory({
    basename:"/home"
  });
  </code></pre>
  
  <p>And lastly my react routing : </p>
  
  <pre><code>    &lt;Router basename={"/"} history={History}&gt;
            &lt;div&gt;
                &lt;Route path="${process.env.PUBLIC_URL}/wellchart" component={WellChartPage} /&gt;
                &lt;Route path="${process.env.PUBLIC_URL}/welldetail" component={WellDetailPage} /&gt;   
                &lt;Route path="${process.env.PUBLIC_URL}/tableau" component={TableauPage} /&gt;
            &lt;/div&gt;
        &lt;/Router&gt;
  </code></pre>
  
  <p>Thanks :)</p>