Nuxt Auth模块-在Vuex商店保存JWT

Question

登录/注销/中间件等本身可以工作，但我似乎无法控制令牌。我尝试在登录后将JWT保存在Vuex存储中，但令牌仅保存在cookie和localStorage中。从文档中我了解到，Vuex中对身份验证的支持是自动添加的。我没有在配置中定义tokenRequired和tokenType，因为它们是基于cookie的流所需要的文档（添加它们也不会改变任何事情）。

nuxt.config.js

modules: [
    '@nuxtjs/axios',
    '@nuxtjs/auth'
],
axios: {
    baseURL: 'https://api.example.com/'
},
router: {
    middleware: ['auth']
},
auth: {
    strategies: {
        local: {
            endpoints: {
                login: { url: 'login', method: 'post', propertyName: 'token' },
                logout: { url: 'logout', method: 'post' },
                user: false
            }
        }
    },
    redirect: {
        login: '/login',
        logout: '/',
        callback: '/login',
        home: '/'
    }
},

登录功能

await this.$axios.post('authenticate', {
    email: this.email,
    password: this.password
}).then(response => {
    if (response.success === 'true') {
        this.$auth.setUserToken(response.token)
    } else {
        //alert invalid login
    }
}).catch(error => {
    //alert server error
});

现在，当我成功登录并查看$auth时$声明它返回

{ "user": {}, "loggedIn": true, "strategy": "local" }

我希望令牌也保存在$auth中。

我也看了一个标题相似的问题，但是他们的解决方案不适合我，因为我使用的是user： false。

Answer 1

我查看了auth模块的默认值。js文件，并尝试在mynumxt中使用默认值。配置。js。在将默认值添加到我的配置中后，它开始工作。所以现在我可以禁用cookies和localStorage，同时只将JWT保存到store中。

auth: {
    strategies: {
        local: {
            endpoints: {
                login: { url: 'login', method: 'post', propertyName: 'token' },
                logout: { url: 'logout', method: 'post' },
                user: false
            }
        }
    },
    redirect: {
        login: '/login',
        logout: '/',
        callback: '/login',
        home: '/'
    },
    cookie: false,
    localStorage: false,
    token: {
        prefix: 'token.'
    },
},

和$auth.$state返回

{ "user": {}, "loggedIn": true, "strategy": "local", "token.local": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c" }

如果有人解释为什么默认值不起作用，为什么我必须将其包含在我的配置中，请让我知道。我假设由于某种原因，他们默认禁用了Vuex保存？即使留档状态可以被解释为默认令牌被保存在三个位置。

身份验证令牌存储在各种存储提供程序中（cookie、localStorage、vuex）