title: React relative href not working as expected
body: <p>Am very new to react app. Created one react app with router and all. Everything is working fine in dev mode. I ran npm run build and try to run index.html from build folder. All the href got broke. I know something messed up with router. i don't know how to fix it. Here i post my code which give you more understanding/</p>
  
  <p>NavBar.jsx</p>
  
  <pre><code>&lt;NavItem eventKey={3} href="/login"&gt;
          Login
        &lt;/NavItem&gt;
  </code></pre>
  
  <p>Note NavBar.jsx is not inside router.</p>
  
  <p>Package.json</p>
  
  <pre><code>"version": "0.1.0",
   "private": true,
  "homepage": "./",
  </code></pre>
  
  <p>When i host in local IIS, my home page URL is </p>
  
  <blockquote>
    <p><a href="http://localhost/testing/index.html#/" rel="nofollow noreferrer">http://localhost/testing/index.html#/</a></p>
  </blockquote>
  
  <p>When i click login button it navigate to </p>
  
  <blockquote>
    <p><a href="http://localhost/login" rel="nofollow noreferrer">http://localhost/login</a></p>
  </blockquote>
  
  <p>In package.json anything i need to change? i go through google someone advised to change anchor tag to router Link tag. But in my case NavBar is outside of router,here am not able to change and also many place am programmatically redirect to new URL, so its very difficult for changing all the places.</p>