javascript - Vue cookie设置为来自单独js文件的对象

Question

我在这里遇到了一个问题，不知何故我的cookie被设置为对象对象，它应该像 token 一样设置。我从单独的 js 文件中设置它。

这是包含设置 cookie 函数的 js 文件:

export const authenticate = (username, password) => {
    API.post('/login', {
        username: username,
        password: password
    }).then(response => {
        console.log(response.data.token)
        if(response.data.token) {
            Vue.cookie.set({'token': response.data.token});
            router.push({name: 'home'});
        } else {
            const error = 'Something went wrong. Try again.';
            return console.log({'error': error});
        }
    }).catch(error => {
        //error = 'Something went wrong. Try again.';
        return console.log(error);
    });    
}

console.log(response.data.token) 这会记录我的纯文本 token 。

然后在 Login.vue 中我调用这个函数:

methods: {
    authenticateUser() {
        authenticate(this.username, this.password);
    }
}

Cookie 设置如下:[object Object]

Answer 1

所以@Lewis 在评论中的回答有效!我使用了错误的语法。

而不是Vue.cookie.set({'token': response.data.token});

需要使用:Vue.cookie.set('token', response.data.token);