場景：vue-router實現的單頁應用，登錄頁調用登錄接口后，服務器返回用戶信息，然后通過router.push({name: 'index', params: res.data})跳轉到主頁，并在主頁顯示數據。但是當刷新頁面時，由于并不是通過登錄接口進入主頁，router中沒有‘params: res.data'信息，主頁無法獲取到登錄信息。

創新互聯堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都網站制作、網站建設、企業官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的前郭網站設計、移動媒體設計的需求，幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

解決方案：

1、session&服務器渲染

傳統的方案是，登錄頁和主頁是單獨的兩個頁面，登錄成功后服務器生成用戶信息對應的session，然后渲染主頁數據，并通過響應頭將sessionid傳給瀏覽器并生成相應的cookie文件。這樣下次請求頁面時，瀏覽器會在http header帶上相應的cookie，然后服務器根據cookie中的sessionid判斷用戶是否登錄，再顯示用戶數據。

如果項目采用前后端分離思想，服務器只提供接口，不進行服務器渲染，那么這種辦法是行不通了。

2、$route.query

我們可以在路由跳轉的時候帶上登錄請求的參數：

router.push({name:'index', query:{username: 'xxx', password: 'xxxxxx'}})
...
this.$ajax({
 url: 'xxx',
 method: 'post',
 data: {
 username: this.$route.query.username,
 password: this.$route.query.password
 }
})

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前文章：解決vuerouter組件狀態刷新消失的問題-創新互聯
當前網址：http://vcdvsql.cn/article0/ddphoo.html

成都網站建設公司_創新互聯，為您提供建站公司、定制網站、網站策劃、網站收錄、App開發、企業建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯