NuxtJS 在使用 Nuxt-Link 訪問路由時預取數據？

Question

我有這個設置：

index.vue -> 包含不同的<NuxtLink:to="/abc">或<NuxtLink:to="/def">

abc.vue 和 def.vue 使用 function async asyncData() {... }從 API 加載數據。

我的問題是，function asyncData僅在第一次請求路徑/abc或/def時在服務器端執行。 感謝 NuxtJS 的文檔，我知道這是正常行為。 但是，當使用<Nuxt-Link>時，如何從服務器上預取的 API 獲取數據？

Answer 1

那么你需要做一個解決方法。 asyncData提供了一個參數context 。 所以你可以訪問你的 vuex 商店：

asyncData({store}) {
   store.commit("somecommit", "somevar");
}

在您的 vuex 商店中，您有一個 state 某處，例如link1 。

隨着您的提交，您可以更改 state。

現在您可以使用<NuxtLink:to="$store.state.link1">