راکت

افتادن hash در url

4 پاسخ

سلام من یه پروژه ری اکت دارم که با react router جابهجایی بین صفحات انجام میده
و از <HashRouter> بی عنوان رپر switch استفاده میشه
توی url ام داره یه # میوفته که میخوام حذف بشه
تو استک خوندم که باید از BrowserRouter استفاده کنم ولی با اون هم درست نشد

ممنون میشم اگه کسی اطلاعاتی داره کمکم کنه

ثبت پرسش جدید

پاسخ‌ها

4
کامران داور
کامران داور
@kamran.davar

تخصص: Front-end developer

کد هاتونو هم به سوال اضافه کنید تا قابل بررسی باشه

نیلوفر حریرچیان
نیلوفر حریرچیان
@niloofarharirchian90

تخصص: Front End Developer

@kamran.davar
تو قسمت index.js، هش روتر رو آوردم با browserrouter هم امتحان کردم و این مشکل سر جای خودش هست

 <React.StrictMode>
    <Provider store={store}>
      <HashRouter>
        <App />
      </HashRouter>
    </Provider>
  </React.StrictMode>,

و در روت اصلی

<Switch>
                    <Route path="/farame/home" exact component={Home} />
                    <Route path="/farame/callReports" component={CallReports} />
                    <Route path="/farame/profile" component={Profile} />
                    <Route
                      path="/farame/new/addCallReport"
                      component={AddCallReport}
                    />
                         <Route component={NotFoundPage} />
</Switch>

استفاده شده
ولی در تمام آدرس های url ام یه # میوفته مثلا
http://localhost:3000/#/serverError

شاید پاسخ شما همین‌جا باشد

کامران داور
کامران داور
@kamran.davar

تخصص: Front-end developer

ببنید مشکل توی جاییه که دارید از کامپوننت Link ری اکت روتر استفاده میکنید. کدهای اون قسمت رو بفرستید.

نیلوفر حریرچیان
نیلوفر حریرچیان
@niloofarharirchian90

تخصص: Front End Developer

@kamran.davar

<nav
            id="sidebar"
            className="backTest" 
          >
            <div className="p-4 pt-5">
              <ul className="list-unstyled components mb-5">
                <li>
                  <Link to="/farame/home">
                    <i className="fa fa-home"></i>
                  </Link>
                  <Link to="/farame/home" className="linkP">
                    خانه
                  </Link>
                </li> 
              </ul>
            </div>
          </nav>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام