Question

身份验证工作正常，除了在第一页加载（即SSR）上。当我检查console.log时，即使我在配置中添加了ssr：false，我也仍然看到中间件的console.log始终在SSR级别执行。

我所做的是这样：

在我添加的nuxt.config.ts中

{
    src: '~/plugins/authenticated.js',
    mode: 'client'
}

此代码已成功执行，我可以通过检查开发人员控制台的“ vue插件”来查看。

在我的“组件/页面”中，添加了一个中间件：

export default {
    middleware: [
        'authenticated'
    ]
}

当我在中间件中运行以下代码时，即使存储中的值设置为true，它也始终显示“ false”。

console.log(store.state.users.logged);

这让我发疯了，有人可以告诉我如何让首页加载中间件吗？我们必须拥有SSR，因为我们需要SEO等，但是我们也确实需要中间件来工作。

使用最新的Nuxt en VueX版本（与Axios相同）。

Answer 1

我遇到了同样的问题，我用mixin解决了。具有已挂载方法的Mixin仅在客户端运行。希望我能帮助您