tag 路由

標籤
貢獻21
67
06:58 PM · Nov 03 ,2025
jcguanqi 頭像 bakuaifujidehongshu 頭像 grapecity 頭像 zyz123456 頭像 vivo_tech 頭像 object 頭像 niaonao 頭像 dewujishu 頭像 itlangzi 頭像 jyeontu 頭像 http_wenwen 頭像 qianniandanshendeshafa_bpwqxz 頭像

@路由 / 博客 RSS 訂閱

http_wenwen 頭像

波羅丁的菠蘿 - hash路由原理

hello大家好，今天我們來分享一下hash路由的原理。我們不管什麼vue還是react的框架，不要太在意框架，直接來看hash路由是怎麼實現的。 原理：onhashchange hash路由是使用了onhashchange事件來實現的。我們先新建一個頁面，hashchange.html，快速創建一個頁面。然後啓動一個靜態服務，輸入http-server，執行，然後訪問，這個可以看到我們的頁面了，

route , 路由 , router , 前端

收藏 評論

heqiliao_5cf8819257e40 頭像

何棄療 - 一次簡單的頁面跳轉引發問題和思考

背景 後台系統首頁，存在各個訂單狀態的數量統計，現需要實現點擊後跳轉到對應頁面，即快速跳轉。目前系統只有一個訂單列表頁面，table上方倒是有查詢表單，可以根據不同狀態篩選數據。 初步思路 首頁通過框架路由API跳轉，攜帶參數；目標頁面初始化階段獲取參數，填入表單，發起查詢請求。 分析現有代碼 列表頁面由一個統一的Table組件封裝，Table內有查詢Form、Table等組件，通過外部傳入的查詢

vue.js , promise , 路由 , 前端 , Javascript

收藏 評論

immerse 頭像

沉浸式趣談 - Next.js 中為什麼 App Router 可能是未來，但 Pages Router 仍然重要？

Next.js 作為一個強大的 React 框架，為開發者提供了兩種路由系統：App Router 和 Pages Router。這兩種路由系統各有特色，適用於不同的場景。本文將深入探討這兩種路由系統的區別、優缺點和使用場景，幫助你做出最佳選擇。 App Router：新一代的路由革命 App Router 是 Next.js 13 引入的新路由系統，它使用 app 目錄來組織路由，帶來了許多令人

app-router , next.js , 路由 , router , 前端

收藏 評論

tanking 頭像

TANKING - 原生JavaScript實現的SPA單頁應用（hash路由）

什麼叫做SPA單頁應用 單頁Web應用 （single page web application，SPA） ，就是隻有一張Web頁面的應用，是加載單個HTML 頁面並在用户與應用程序交互時動態更新該頁面的Web應用程序。 單頁應用的説法是在JavaScript和AJAX技術比較成熟以後才出現的，指的是通過瀏覽器訪問一個網站時，只需要加載一個入口頁面，此後顯示的內容和數據都不會再刷新瀏覽器頁面。有了

vue.js , 單頁應用 , 路由 , spa , Javascript

收藏 評論

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

收藏 評論

tosmile 頭像

浪遏飛舟 - react-router-config集中式路由配置

react-router-config主要用來幫助我們進行集中式路由的配置，在不使用react-router-config之前，我們的路由使用react-router-dom庫來進行配置，類似如下代碼： import React from 'react'; import { BrowserRouter as Router, Switch, Route, } from "react-ro

react , react-router4 , 路由

收藏 評論

banshee 頭像

Banshee - react和vue項目中去掉瀏覽器url上的"#"號

按照上一篇文章結尾説的,此篇文章應該開始寫webpack如何打包多頁面應用了,可我就是個怪人,吃飯的時候突然想到之前別人問我一個問題:"如何去掉vue或者react項目中瀏覽器url裏面的"#"號",當時憑着之前的知識儲備,我脱口而出將hash模式設置為history模式不就可以了嘛,答案是對的,可我今天想要將答案通過代碼展示出來 我之前的文章vue路由配置和react路由配置區別,詳細寫了

vue-router , react-router4 , 路由

收藏 評論

daodandejidanmian 頭像

pasonghun000 - 鴻蒙路由傳參實戰：跨頁面數據傳遞的藝術

在鴻蒙應用開發中，路由傳參是實現頁面間通信的核心技術。路由合理設計傳參機制對複雜應用的十分重要。在鴻蒙學習過程中，有多種路由方式可以使用，下面是有關路由傳參的經驗分享： 一、router 核心技巧： 參數類型處理：支持string | number | boolean | object類型傳遞，對象需用JSON.stringify序列化 參數安全獲取：在目標頁面的onPageShow生命週期獲取

路由 , harmonyos , typescript , 前端

收藏 評論

mageek 頭像

MageekChiu - Linux 路由三大件

對於 Linux 網絡，好奇心強的同學一定思考過兩個問題： 當我們發出一個包的時候，Linux 是如何決策該從哪個網卡（假設有多個網卡）、哪個下一跳發出這個包，用什麼 IP 作為 source...... 當 Linux 收到一個包時，又是如何決定往哪裏送的，是發送給本地程序、其他虛擬接口，還是轉發到其他機器...... 今天，我們就來分析這兩個問題的核心所在：路由。 我們學習計算機網絡的

iptables , Linux , 路由

收藏 評論

edgecloud 頭像

火山引擎邊緣雲 - 揭秘字節跳動內部流量調度與容災實踐【下】

摘要：在字節跳動，平衡超大規模流量的穩定性、性能、容量與成本，是一系列產品共同面臨的挑戰，其中， Trafficroute GTM 起到了不可忽視的作用。 Trafficroute GTM 承載了字節跳動億級流量、覆蓋了大規模場景，是一款基於 DNS 的流量路由服務，我們將通過兩期文章，揭秘字節跳動如何通過 Trafficroute GTM 巧妙應對以上挑戰，實現高效流量管理！ 上期內容中，我們主

dns , 流量 , 路由 , 流量分析

收藏 評論

qianniandanshendeshafa_bpwqxz 頭像

阿落ovo - 華為ensp--BGP路徑選擇Community

學習新思想，爭做新青年，今天學習的是BGP路徑選擇Community 實驗目的 ·理解團體屬性的概念與作用 ·熟悉運用團體屬性來控制路由傳遞的方法 ·理解 No-Export、No-Advertise、No-Export-Subconfed 屬性的區別 實驗內容 本實驗網絡中，R1 屬於 AS 100，R2、R3 和 R4 屬於 AS 編號為 200 的一個聯盟，R5

華為 , bgp , 路由

收藏 評論

jcguanqi 頭像

MarkGuan - uniapp項目實踐總結(十四)封裝存儲和路由方法

導語：在日常 APP 開發過程中，經常要用到數據的存儲、獲取和刪除等操作以及頁面導航之間的跳轉，為此，封裝了一個兩個簡單的方法來統一調用。 目錄 原理分析 方法實現 實戰演練 案例展示 原理分析 主要是以下 API。 uni.setStorage：保存數據到本地緩存中； uni.getStorage：獲取保存的緩存數據； uni.removeStorage：移除保存的數據緩存；

數據 , uniapp , vuejs3 , 路由

收藏 評論

jyeontu 頭像

JYeontu - vue配置文件自動生成路由和菜單

寫在前面 每次重複寫路由的時候是不是會覺得很煩，特別是項目大的時候，路由會有特別多，看都看不過來，所以這裏我是有了一個router.json的配置文件來對路由做一些簡單的配置，然後讓路由和左側菜單欄可以同時自動生成。 router.json 主要配置項如下： { "name": "routerConfig", "menu": [{ "id": "1", //路由id

vue.js , route , 路由 , 前端

收藏 評論

itlangzi 頭像

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

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

鈎子 , context , react-router , 路由

收藏 評論

dewujishu 頭像

得物技術 - 得物多活架構設計之路由服務設計

一 、背景 隨着公司的業務發展，每次穩定性故障帶來的影響越來越大，提供穩定的服務，保證系統的高可用已經變成了整個技術部面對的問題。基於這種背景，公司開展了多雲/多活的技術項目，本人有幸參與了 “次日達” 項目【1】的異地雙活改造方案的設計。想以此來淺談一下我對多活乃至全球化的一些技術方案的認知。 多活架構系列的文章我會按照總體技術方案、雙活/全球區域化部署技術、網絡調度技術、性能優化以及SRE五大

服務 , 架構設計 , 架構 , 架構模式 , 路由

收藏 評論

niaonao 頭像

niaonao - Vue 頁面傳參方式 Query 和 Params

1. query 與 params 傳參 query 需要和配合 path 屬性使用，攜帶參數會拼接在請求路徑後，效果同 Get 請求方式 http://localhost:8033/Permission/Role/Form?productCode=crm-operateroleId=1roleName=adminroleType=-1roleDesc=%E7%AE%A1%E7%90%86

vue.js , route , 路由 , router , 前端

收藏 評論

object 頭像

ff73c7e3-f5ae-44e7-82ff-ddef0f28eced - Laravel/Lumen 優化包 - 註解注入路由自動配置

背景 因大量的路由配置信息，不同時段的多人員開發，造成git衝突 路由信息過多，造成維護困難 安裝 composer require qklin/laravel-auto-router 註冊中間件和提供者 安裝包裏已包含了幾個demo版本的Middleware，自取自用 # add autorouter middleware $app-routeMiddleware([ //...

composer , lumen , laravel , 路由 , 優化

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - Dubbo 路由及負載均衡性能優化

作者：vivo 互聯網中間件團隊- Wang Xiaochuang 本文主要介紹在vivo內部針對Dubbo路由模塊及負載均衡的一些優化手段，主要是異步化+緩存，可減少在RPC調用過程中路由及負載均衡的CPU消耗，極大提升調用效率。 一、概要 vivo內部Java技術棧業務使用的是Apache Dubbo框架，基於開源社區2.7.x版本定製化開發。在海量微服務集羣的業務實踐中，我們發現Dubbo有

dubbo , 負載均衡 , 路由

收藏 評論

grapecity 頭像

葡萄城技術團隊 - 前端路由&框架選型避坑：Next.js vs React Router vs TanStack Router

在前端項目開發中，選框架和路由工具就像選老婆（或者老公）——選對了，日子省心，選錯了，天天吵架。 最近，隨着 Next.js、React Router v7 和 TanStack Router 的更新，不少團隊開始糾結： 是直接上大而全的 Next.js？ 還是老牌穩妥的 React Router？ 抑或嚐鮮新鋭的 TanStack Router？ React Summit 2025 上

路由 , 前端

收藏 評論

bakuaifujidehongshu 頭像

浮點科技 - IP地址如何實現數據傳輸與路由

IP地址查詢定位：https://www.ipdatacloud.com/?utm-source=WZJutm-keyword=?2822 IP 地址如何實現數據傳輸與路由這個問題主要説的是網絡通信方面。瀏覽網頁、發送電子郵件，到在線觀看視頻、進行實時視頻通話等，這種交互是離不開數據的傳輸與路由的。 當用户在瀏覽器中輸入一個網址，比如 “www.example.com”，想要訪問某個網站時

ip , ip地址 , 路由

收藏 評論