如何在vuex商店中访问vue-cookie？

Question

我正在做一个动作：

this.$cookies.set("token", response.token, "7d");
this.$cookies.set("UserId", response.UserId, "7d");

但是a $cookies没有定义。

Answer 1

使用vue-cookie时

在您的store.js中，您可以

import cookie from 'vue-cookie'

.....

action(){
   cookie.get('token');
}

Answer 2

您可以安装js-cookie库，然后在vuex存储中访问如下cookie：

import Cookies from 'js-cookie'

const getters = {
  isLoggedIn: function (state) {
    return !!state.email && !!Cookies.get('access_token')
  }
}

Answer 3

您可以（在store.js中）

import Vue from 'vue'

...

someAction () {
    Vue.prototype.$cookies.set("token", response.token, "7d");
}

Answer 4

永远不要允许 JS 访问 JWT cookie。这为您打开了许多安全漏洞。永远不应实施已接受的答案。

仅将 http 和安全 cookie 用于生产应用程序。如果您是为生产而构建，请重新设计此部分