Nuxt3 中间件 - 访问 VueX 商店

Question

我正在将 Nuxt2 应用程序迁移到 Nuxt3。在中间件中，我使用“上下文”访问存储状态，例如：

export default function (context) {
   const userName = context.store.state.common.auth.user
}

在 Nuxt3 中使用 defineNuxtRouteMiddleware 创建中间件，我如何访问应用程序中的存储？可能吗？

Answer 1

尝试以下代码：

import { defineNuxtRouteMiddleware } from 'nuxt3'

export default defineNuxtRouteMiddleware((context) => {
  // Import the store module you want to access
  import('yourStorePathHere').then((module) => {
    // Now you can access the store's state
    const user = module.default.state.user
  })
})