Vietnam

    Nodejs.vn

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular
    • Tags
    • Groups
    • Search

    Cần giúp đỡ về react router?

    ReactJS
    0
    2
    288
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Kha Pham
      Kha Pham last edited by

      0_1538054272812_image.png mình muốn bỏ /#/ ra khỏi url mà không biết cách nào. khi không sử dụng HashRouter mà dùng Router thì nó bị lỗi không get được url
      0_1538054526589_image.png

      import { BrowserRouter as Router, Route, Link, withRouter, HashRouter } from "react-router-dom";
      ReactDOM.render(
        <Provider store={store} >
        <HashRouter>
          <div>
           <Nav />
            <Route exact path="/" component={HomePage} />
            <Route path="/v/:slug" component={ViewPage} />
            <Route path="/login" component={LoginPage} />
            <Route path="/new" component={HomePage} />
            <Route path="/fetch9Gag" component={fetch9Gag} />
            <Route path="/fetchHaiVN" component={fetchHaiVN} />
            <Route path="/fetchXemVN" component={fetchXemVN} />
            <Route path="/profile" component={ProfilePage} />
            <Route path="/c/:slug" component={HomePage} />
          </div>
        </HashRouter>
        </Provider>
          ,
          document.getElementById('root')
        );
      

      Đam mê công nghệ
      Không biết nhiều nhưng cũng muốn đóng góp

      1 Reply Last reply Reply Quote 0
      • Kha Pham
        Kha Pham last edited by

        Mình tìm được bài viết rồi. Do server và client của mình chạy khác port nên dùng HashRouter để tránh gửi request lên server khi deloy thì chuyển về như củ là được.

        Đam mê công nghệ
        Không biết nhiều nhưng cũng muốn đóng góp

        1 Reply Last reply Reply Quote 0
        • First post
          Last post
        $(document).ready(function () { app.coldLoad(); }); }