Nuxt.js 无法设置 cookie，“未定义（读取 'set'）”（cookie-universal-nuxt）

Question

尝试在路由器中间件中使用cookie-universal-nuxt设置 cookie 时出现错误：

TypeError: Cannot read properties of undefined (reading 'set')

这是什么原因造成的？

nuxt.config.js

modules: [
    'cookie-universal-nuxt',
],

router.js（路由器中间件）

export default async ({ app }) => {

    app.$cookies.set('cookie-name', 'cookie-value', {
        path: '/',
        maxAge: 60 * 60 * 24 * 7
    });
}

我尝试在不同的地方登录：

当我在路由器中运行console.log(app.$cookies)时，它返回未定义。

当我在组件中运行它时（例如： console.log(this.app.$cookies) ）它返回Cannot read properties of undefined (reading 'app') 。 我正在使用组合 API，所以我也尝试console.log(context.root.$cookies)但这也返回未定义。

Answer 1

解决方案：

nuxt.config.js

  modules: [
    ['cookie-universal-nuxt', { alias: 'cookiz' }]
  ],

router.js（路由器中间件）

export default async ({ app }) => {
    app.$cookiz.set('cookie-name', 'cookie-value', {
        path: '/',
        maxAge: 60 * 60 * 24 * 7
    });
}