有什么辦法可以得到頁面當前的 nuxt.js 中間件嗎？

Question

我很好奇我們是否可以從任何組件到達當前頁面的中間件？

Answer 1

中間件在組件之前執行，並且不會以任何方式在組件內初始化。

更新：在auth商店中保留中間件的 state。

export const state = () => ({
  isPrivate: false,
})

export const mutations = {
  setPrivatePage(state, value) {
    state.isPrivate = value
  },
}

export const actions = {
  privatePage({ commit }) {
    commit('setPrivatePage', true)
  },

  publicPage({ commit }) {
    commit('setPrivatePage', false)
  },
}

在middleware/auth中調度操作以設置isPrivate ：

await store.dispatch('auth/privatePage')

我添加了另一個名為public的中間件將其設置回false

export default async ({ store }) => {
  await store.dispatch('auth/publicPage')
}

最后要在每條路由上觸發public ，將其添加到nuxt.config.js ：

  // Router
  router: {
    middleware: 'public',
  },

Answer 2

您可以訪問它

$router.matched.meta.middleware