在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 關(guān)于 Vue 路由以及瀏覽器刷新問題

關(guān)于 Vue 路由以及瀏覽器刷新問題

Vue 是 SPA 應(yīng)用,之前公司也做過類似項目,但是這種模式瀏覽器一刷新就什么都恢復(fù)到最初的狀態(tài)了(History 模式),即一刷新就什么都沒了,所以想問:Vue 框架如何在刷新瀏覽器后始終保持或者恢復(fù)到刷新前的狀態(tài)?包括路由、數(shù)據(jù)等

回答
編輯回答
孤巷

關(guān)于數(shù)據(jù)哦,樓上回答的很好了,需要做本地緩存或者持久化,畢竟SPA就是單頁面應(yīng)用,核心就是無刷新,H5能做的就這么多了。
再說History模式,只是替代丑陋的hash的一種傳統(tǒng)路由而已,想要支持history模式,開發(fā)環(huán)境隨意,服務(wù)端在靜態(tài)資源代理服務(wù)器如nginx,還是需要做如下配置的,否則刷新404:

location / {
  try_files $uri $uri/ /index.html;
}
2017年12月14日 23:25
編輯回答
熟稔

刷新路由還在的吧(你說的是history模式?)。數(shù)據(jù)只能通過與storage結(jié)合,在vuex的mutations里做本地存儲的工作。

2018年6月29日 20:25
編輯回答
做不到

這就涉及到spa項目頁面解耦的問題,頁面之間的關(guān)聯(lián)性盡量降低,數(shù)據(jù)盡量從接口獲取,路由之間的數(shù)據(jù)傳遞盡可能少,盡量只傳遞關(guān)鍵字段,傳遞的數(shù)據(jù)可以放在路由里,可以進緩存。這樣就能防止瀏覽器刷新了。這是做spa項目每個頁面接口設(shè)計必須要考慮到的因素

2017年12月5日 20:14