1、前言

記錄每天學(xué)習(xí)的過程中遇到的一些問題和解決方案，如果哪里有不對的地方，還望指教。

原創(chuàng)文章： 轉(zhuǎn)載請注名出處，謝謝配合

2、問題

前幾天搭建的項目，交給同事去做了。今天他過來問我，你看我頁面好好的，跳轉(zhuǎn)也正常，但是跳轉(zhuǎn)過去后，刷新頁面的時候，就報錯了。頁面數(shù)據(jù)丟失了。存到vuex里面的數(shù)據(jù)清空了，拿不到了。在asyncData里面也拿不到window等客戶端對象，持久化存儲等方式也沒有辦法拿到數(shù)據(jù)。這個我想了兩天多了，不知道該如何解決。你幫我看下，看怎么做才能在頁面刷新的時候拿到數(shù)據(jù)呢？

這是今天公司的同事給我反應(yīng)的問題。

3、解決問題

知道問題的原因，解決問題還不簡單么？
咱們先看看nuxt的文檔

image.png

image.png

看上面官網(wǎng)給的api可以看到，這個api可以獲取到頁面的上下文對象作為這個api的第二個參數(shù)傳遞給它。

因此，我們就可以在服務(wù)端拿到客戶端請求的url了。

actions: {
      nuxtServerInit({ commit }, { req }) {
        console.log(
          req.url,
          '==============================dsdasda======================='
        )
      },
    },

image.png

這樣，我們就可以拿到數(shù)據(jù)進(jìn)行請求了。

如果能夠幫助到你，是小編最大的榮幸

當(dāng)然 有 不好的地方 請大家?guī)兔χ赋?學(xué)習(xí)永無止境

小編一直認(rèn)為 人外有人 天外有天 一起學(xué)習(xí) 共同進(jìn)步

讓我們共同加油吧！??！