關於單頁面應用 vue兩種路由模式

2022-09-13 07:06:12 字數 608 閱讀 3811

單頁面應用

只有乙個頁面,對應vue中的index.html,通過引入元件、vue路由來實現資源的各種載入;

vuerouter

1、hash模式:路徑中帶#

在index.html中載入vue資源的真實url應為,url中的index.html被隱藏;

2、history模式:進一步隱藏掉url中的 #

# 被隱藏之後,url不再完整,,通過vuerouter的跳轉在識別為history模式之後補全url,使其能訪問到目標資源,故宣告history時需宣告base_url;

const router = new vuerouter()
因為history的url實際上並不完整,重新整理頁面時(因為不走vuerouter)當前的url無法訪問到目標資源(404),故需在服務端增加乙個覆蓋所有情況的候選資源:如果 url 匹配不到任何靜態資源,則應該返回當前節點***-prog下的index.html;

nginx配置:

location /

詳情見官網》

vue 前端路由及vue router兩種模式

路由這個概念最早在後端出現,隨後前後端分離,直至當今的單頁面應用,路由也在一直發生變化。本文來總結一下路由變化和vue router中的路由模式區別相關知識點。早期的頁面都是由html頁面在服務端渲染的,服務端直接返回給客戶端渲染好的html頁面供展示,乙個頁面對應乙個url,首先向服務端請求對應的...

關於單鏈表的兩種建立方式

第一種方式是將新建立的單鏈表結點加在煉表頭,這種方式要注意的是最先輸入的值是這個鍊錶尾的值 在 new linknode2 new linknode 1 第二種方式是將新建立的單鏈表結點加在鍊錶尾 include include typedef int datatype typedef struct...

vue路由的兩種方式(路由傳參)

query和params區別 query類似 get,跳轉之後頁面 url後面會拼接引數,類似?id 1,非重要性的可以這樣傳,密碼之類還是用params重新整理頁面id還在 params類似 post,跳轉之後頁面 url後面不會拼接引數 但是重新整理頁面id 會消失 一 宣告式 router l...