Javascript Vue cookie设置为单独js文件中的对象

我在这里遇到了一个问题，我的cookies被设置为

对象

，而应该像

令牌

那样设置。我正在从单独的

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）

此日志记录我的纯文本令牌

然后在

Login.vue

中调用此函数：

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

---

cookie集合如下：[object object]

用于处理cookie的库的语法似乎很奇怪

你可以试着像下面这样处理它

import Cookies from 'js-cookie'
Cookies.set('token', response.data.token)

---

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

而不是

Vue.cookie.set（{'token'：response.data.token}）

需要使用：
Vue.cookie.set（'token'，response.data.token）
您使用哪个库来处理Cookie？所有谷歌搜索显示的
set（）
都应该像
.set（'token'，response.data.token）
一样使用，而不是与对象
{}
一起使用。当你记录
response.data.token
时会显示什么？@Lewis也许你应该发布一个答案，这样问题就不会一直没有答案。