title: How to make React router without pound sign?
body: <p>I am new to React. My situation is like this:</p>
  
  <p>I have a page in React, but React browser history makes all url must have a # sign, so the url is like this: <a href="http://www.somedomain.com/path/#/login" rel="nofollow">http://www.somedomain.com/path/#/login</a>. I need to send this url to a third party url for callback, like this: <a href="http://www.thirdparty.com/verify?callback=http%3A%2F%2Fwww.somedomain.com%2Fpath%2F%23%2Flogin" rel="nofollow">http://www.thirdparty.com/verify?callback=http%3A%2F%2Fwww.somedomain.com%2Fpath%2F%23%2Flogin</a>. The problem is that they do not allow # in the url. The only url format they allow is like <a href="http://www.somedomain.com/path/login" rel="nofollow">http://www.somedomain.com/path/login</a>, so then they will add some parameter after the url, finally they will callback <a href="http://www.somedomain.com/path/login?code=something&amp;state=somestate" rel="nofollow">http://www.somedomain.com/path/login?code=something&amp;state=somestate</a>.</p>
  
  <p>I am wondering how can I achieve this? Every possible solution is accepted, including Apache or Nginx url rewriting, not limit to React router solution. Thank you in advance!</p>
  
  <p>My code is as below:</p>
  
  <pre><code>class App extends Component {
    constructor(props) {
      super(props);
      this.state = {
      };
    }
  
    render() {
      const appHistory = useRouterHistory(createHashHistory)({ queryKey: false });
      return (
        &lt;Router history={appHistory}&gt;
          &lt;Route path="/" component={Main}&gt;
            &lt;IndexRoute component={Home} /&gt;
            &lt;Route path="login" component={Login} /&gt;
            &lt;Route path="mypics" component={MyPics} onEnter={requireAuth} /&gt;
          &lt;/Route&gt;
        &lt;/Router&gt;
      );
    }
  }
  </code></pre>