How can i stop "#" added after my react local link?

Question

i am new in react and trying to create App with sub-pages no issue with that i have done it but one small issue is my link "localhost:3000/" converted in "localhost:3000/#/"

Here is my code:

App.js

import React, { Component } from 'react';
import Header from './layouts/header.js';
import Footer from './layouts/footer.js';
import Sidebar from './layouts/sidebar.js';
import './css/style.scss';


  const App = (props) => {

    return (
      <div>
        <div className="sideBar">
          <Sidebar />
        </div>
        <div className="main_container">
          <Header />
            {props.children}
          <Footer />
        </div>
      </div>
    );

}

export default App;

routes.js

import React from 'react';
import { IndexRoute } from 'react-router';
import { BrowserRouter, Route, Switch } from 'react-router-dom';


/**
 * Import all page components here
 */
import App from './App.js';
import MainPage from './pages/homepage.js';
import About from './pages/about.js';

/**
 * All routes go here.
 * Don't forget to import the components above after adding new route.*/

export default (
    <Route path="/" component={App}>
      <IndexRoute component={MainPage} />
      <Route path="/about/:id" component={About} />
    </Route>
  );

@HarishSoni Please have look my code i think i m doing something different, i dont want to use Link — jay khatri, Mar 06 '19 at 13:41
@jaykhatri, first of all, please post your router code here. — Saurabh, Mar 06 '19 at 13:59
I have already attached my all code and mention google link in my question — jay khatri, Mar 07 '19 at 04:34

score 0 · Answer 1 · edited Oct 20 '19 at 22:08

0

Try with browserHistory

import { Router, Route, browserHistory } from 'react-router';


<Router history={browserHistory}>
  <Route path="/" component={App}>
   <IndexRoute component={MainPage} />
   <Route path="/about/:id" component={About} />
  </Route>
</Router>

Reference: this question

edited Oct 20 '19 at 22:08

halfer

19,824
17
99
186

answered Mar 07 '19 at 05:40

Dhaval

1,393
5
29
55

How can i stop "#" added after my react local link?

1 Answers1