HashRouter和BrowserRouter怎么在react-router中使用
這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)HashRouter和BrowserRouter怎么在react-router中使用，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
創(chuàng)新互聯(lián)主營屏山網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都app開發(fā),屏山h5小程序開發(fā)搭建,屏山網(wǎng)站營銷推廣歡迎屏山等地區(qū)企業(yè)咨詢
HashRouter
//react-router要求只只有一個(gè)字節(jié)點(diǎn)
//router內(nèi)部的Link和Route會(huì)一一匹配，匹配到則加載對應(yīng)的組件
//to 和 Route 的path是一樣的（除了/結(jié)尾）
//比如點(diǎn)擊關(guān)于我們to="/aboutUs"對應(yīng)path="/aboutUs/"，這樣它就去加載AboutUs這個(gè)組件，其他組件沒加載
//相比用state和回調(diào)實(shí)現(xiàn)，這種方式更為簡單明了，而且瀏覽前進(jìn)后退功能都支持
首頁
分類展示
精品案例
關(guān)于我們
BrowserRouter
前端
同上方代碼，只是把HashRouter換成了BrowserRouter組件。
服務(wù)器
以apache為例，.htaccess添加重寫規(guī)則。（需先開啟可重寫設(shè)置）
#配和react-router,自行忽略寫的比較low的正則
RewriteEngine on
RewriteRule classifiedDisplay$ http://www.yangqingcheng.xin/
RewriteRule boutiqueCase$ http://www.yangqingcheng.xin/
RewriteRule aboutUs$ http://www.yangqingcheng.xin/
上述就是小編為大家分享的HashRouter和BrowserRouter怎么在react-router中使用了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
文章題目：HashRouter和BrowserRouter怎么在react-router中使用
當(dāng)前路徑：
http://www.weahome.cn/article/gjhsdd.html
重慶分公司
重慶分公司
