tag react-router

標籤
貢獻11
72
09:17 AM · Nov 04 ,2025
tudou_5e2d76940fbaa 頭像 itlangzi 頭像 justbecoder 頭像 congjunhua 頭像 djz1234 頭像 zzd41 頭像 daishuyunshuzhanqianduan 頭像 liulhf 頭像 sir_su 頭像 chongdianqishi 頭像 assassin 頭像

@react-router / 博客 RSS 訂閱

tudou_5e2d76940fbaa 頭像

風不識途 - 🔥基於React全家桶開發「網易雲音樂PC」項目實戰(一)

網易雲音樂PC項目實戰 項目簡介 1.項目介紹 項目使用到的技術棧 CSS使用Flex進行佈局 配置路徑別名使用: carco 項目路由使用: react-router來管理 使用react-router-config集中式路徑映射表管理 使用styled-components+普通的css編寫樣式 使用axios發送網絡請求 項目全面擁

react , redux , immutable-js , Axios , react-router

收藏 評論

itlangzi 頭像

Langzi - React Router v4 & v5 攔截器(鈎子)、靜態路由、route-view 實現

前提 React Router 再 v3 版本之前 是有 onEnter 鈎子函數的，也支持靜態路由配置；，但到了 v4 版本後鈎子函數被移除，官方説是為了將此提供給開發者，由開發者自由發揮。既然如此我們就只能自己實現，目前網上有很多版本，大多都是差不多的，這裏做一個總結並深化一下。同時提供鈎子函數或者vue中叫路由守衞和靜態化路由配置。 鈎子函數實現 鈎子函數實現比較簡單，只需要包裝一下官方

鈎子 , context , react-router , 路由

收藏 評論

justbecoder 頭像

胡哥有話説 - react-router-middleware-plus開源啦 | 基於react-router v6的零成本式路由權限解決方案

一、你的苦惱~~ 你還在為react-router的路由權限控制而煩惱嗎？ 你還在翻遍了社區react路由權限相關文章發現都是V4、V5版本的而煩惱嗎？ 你還在為自行適配react-router v6版本的權限步驟繁雜，多重鑑權邏輯嵌套而煩惱嗎？ 他來了！他來了！他帶着禮物走來了！react-router-middleware-plus專為解決你的煩惱而生！ 二、react-router-midd

react , 權限 , react-router , typescript , react-router-dom

收藏 評論

congjunhua 頭像

從君華 - react使用BrowserRouter部署到docker的httpd刷新頁面報錯Not Found（404）解決方案

找到httpd.conf配置文件（/usr/local/apache2/conf） 進入編輯 找到#LoadModule rewrite_module modules/mod_rewrite.so這一行並取消註釋 找到所有的AllowOverride，將默認值none修改為All（大約有三處，不要漏） 在項目根目錄（/usr/local/apache2/htdocs）新建.htacce

httpd , 部署 , react-router , 路由 , Docker

收藏 評論

djz1234 頭像

大桔子 - React-router V6 攔截 路由跳轉

目標實現效果：攔截路由變化做自定義處理，比如在一個表單尚未填寫完成，用户就要離開當前頁面此時需要給用户做一個提醒，如下圖所示 先説一下背景知識：React-router 是由三個庫一起組成的 history、react-router、react-router-dom 我們平時需要用到的是 react-router-dom v5 版本實現路由攔截 以前在使用 v5 版本時，是這樣實

攔截器 , react-router

收藏 評論

zzd41 頭像

superZidan - 在 React Router 中使用 JWT

hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 在React Router 中使用 JWT ，如果大家遇到任何問題，歡迎 聯繫我 或者直接微信添加 superZidan41 在這篇文章中，我們將探討 JWT 身份校驗與 React 和 React-router 的無縫集成。 我們還將學習如何處理公共路由、受校驗保護路由，以及如何利用 axios 庫通過身份驗證令牌（token

react , react-context , react-router , Javascript , Jwt

收藏 評論

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 一文了解 history 和 react-router 的實現原理

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 在前一篇文章中，我們詳細的説了 react-router@3.x 升級到 @6.x 需要注意的問題以及變更的使用方式。 react-router 版本更新非常快，但是它的底層實現原理確是萬變不離其中，在本文中會從前端路由出發到 react

react , react-router , 前端

收藏 評論

liulhf 頭像

劉lhf - React Router V6項目中的路由鑑權封裝實踐（Hooks）

React Router V6項目中的路由鑑權封裝實踐（Hooks） 1. 前言 1.1 路由封裝的好處 路由鑑權集中管理： 封裝路由組件允許你集中管理路由鑑權邏輯。這意味着在一個地方處理用户是否有權限訪問某個路由，而不是在每個頁面或組件中重複相同的鑑權邏輯。這有助於保持一致性，並簡化了對路由鑑權的維護和更新。 提高代碼複用性： 封裝路由組件可以促進代碼的複用。你可以將通用的路由配置、鑑權邏

react , 封裝 , react-router , typescript , 前端

收藏 評論

sir_su 頭像

Sir_蘇 - 2分鐘學會react-router（v6版）

雖然react-router v6的官方文檔洋洋灑灑萬字有餘，但實際上開發中常用的也就那麼幾個，掌握本文所述內容應對開發就足夠了，接下來就跟着筆者一起來梳理一下吧 安裝 yarn add react-router 初始化 創建路由表 在根目錄下新建router.ts文件夾，並新建index.ts文件 import { createHashRouter } from "react-router

react-router

收藏 評論

chongdianqishi 頭像

機器馬 - ReactRouter6 的一些坑點

問題 這幾年忙着寫 Taro 相關業務，所以很久沒有再接觸 ReactRouter 了。從當年使用的 ReactRouter v3 VueRouter v2，功能和寫法都沒什麼差別，而到現在的 ReactRouter v6，就感覺變化十分大。這裏從使用者的角度聊聊，初次上手 v6 的感受和如何應對這些變化。 變化 範式 函數化和標準化，讓其源碼減少了一半 v6 全面擁抱 Hooks，API

react , react-router , 前端

收藏 評論

assassin 頭像

assassin_cike - react 繼續踩坑

1. react-i18next resources key默認槓後大寫 新增了繁體中文模塊，如下導入，切換語言並不生效 import i18n from 'i18next'; import { initReactI18next } from 'react-i18next'; import translation_en from './en'; import translation_zh fro

react-i18next , react , lexical , react-router , Markdown

收藏 評論