vue的前端路由和後端路由會衝突嗎?

時間 2021-05-12 18:32:28

1樓:

既然說到衝突,就是history模式啦。只有清楚自己在做什麼,就不會衝突。

畢竟某一級路徑下要麼rewrite,要麼不rewrite。

路徑中間要麼補了個index.html,要麼不補。

執行時不可能是薛丁格的rewrite,怎麼可能衝突呢!

2樓:劉勇

hash帶#,history不帶,帶了不好看,不帶會衝突,所以簡歷前後端分離開來,通過乙個伺服器跑前端,乙個跑後端,這樣就沒問題

3樓:寧逍遙

先說結論: Hash模式不會衝突, 但是History模式會衝突.而且衝突的表現是, 瀏覽器先渲染服務端發回的頁面內容, 然後前端路由再更改頁面內容, 最終按前端路由的規則顯示頁面內容.

流程如下:

開始 --> 乙個新的請求發起後 --> 後端路由生效, 按後端路由規則返回內容 --> 瀏覽器載入頁面內容 --> 前端路由生效, 按前端路由規則修改頁面內容 --> 結束

協議://網域名稱:埠/diretory/virtual_file_address?query_string#hash

這裡需要注意的是,除了#hash變更不會讓瀏覽器發請求外, 其他部分的變更都會引起瀏覽器傳送請求.

所以對於Hash模式, 瀏覽器不會傳送請求到後端也就不會引起頁面過載, 而是瀏覽器會傳送hashChange事件通知前端路由做出反應.

對於History模式, 瀏覽器認為當前位址已經變化, 向服務端發起請求獲取"新的內容". 只是"新的內容"不一定是新的.

4樓:洋蔥

返回的是「另乙個頁面」,也就是服務端輸出的頁面。

瀏覽器直接輸入路徑,會從服務端獲取資料,你這裡就是個 html,具體渲染的是啥那要看你html的結構和引入的指令碼了。

看你的問題,我猜測你沒有使用 ssr,並且是個 spa,而且你服務端輸出的 html 中引入了使用 vue 的 js entry。如果是這樣的話,那麼在瀏覽器渲染頁面的過程中,會被 vueRouter 接管,根據你的 url,渲染對應的前端路由,所以其實不衝突。

靜態路由和動態路由各自的優缺點

王奧 title 靜態路由和策略路由的配置實踐 date 2016 03 17 16 22 32 categories 學習 Study description 策略路由的出現在某些業務場景下可能更優於靜態路由 前言 一般在多網絡卡的網路訪問關係中我們通常根據目標IP位址段來新增靜態路由 stati...

為什麼360的路由器叫安全路由?和普通路由器的區別是什麼?

編號89757 相對於普通人來說,沒有區別。有黑客安全路由也防不住,沒黑客普通路由就夠了。相對於高手來說,沒有區別。安全路由能防住的黑客自己也能防住,安全路由不能防住的自己也能防住,自己都防不住的更別指望安全路由了。最有可能的區別是360安全路由會竊取你隱私並給你投放廣告,這是360的一貫作風了。 ...

一級路由的lan口網段和二級路由的lan口網段為什麼要不相同

zhopeful 這個IP一不一樣,根據的是網路的組網方式,以及需要帶機的數量來決定,如果需要一樣的那麼耳機路由器可以單純的二層交換機即可實現同意而IIP網段。 雪滿舟 一級路由器的lan口如果和二級路由器的lan口相同,而且一級路由器和二級路由器都開啟了dhcp功能,那麼自動分配IP位址可能會因相...