نیلوفر حریرچیان
3 سال پیش توسط نیلوفر حریرچیان مطرح شد
4 پاسخ

افتادن hash در url

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

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


ثبت پرسش جدید
کامران داور
تخصص : Front-end developer
@kamran.davar 3 سال پیش مطرح شد
0

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


نیلوفر حریرچیان
تخصص : Front End Developer
@niloofarharirchian90 3 سال پیش مطرح شد
0

@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


کامران داور
تخصص : Front-end developer
@kamran.davar 3 سال پیش مطرح شد
0

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


نیلوفر حریرچیان
تخصص : Front End Developer
@niloofarharirchian90 3 سال پیش مطرح شد
0

@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>

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

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