如何在 vuex 商店中访问 vue-cookies？答案

【问题标题】：How can I access vue-cookies in a vuex store?如何在 vuex 商店中访问 vue-cookies？
【发布时间】：2019-08-19 14:28:31
【问题描述】：

在一个动作中，我正在做：

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

但是可惜$cookies 没有定义。

【问题讨论】：

【解决方案1】：

您可以安装 js-cookie 库，然后在 vuex 商店中访问这样的 cookie：

import Cookies from 'js-cookie'

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

【讨论】：

【解决方案2】：

你可以做（store.js）

import Vue from 'vue'

...

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

【讨论】：

【解决方案3】：

在您的应用中使用vue-cookies 时

在你的store.js，你可以

import cookie from 'vue-cookies'

.....

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

【讨论】：

【解决方案4】：

永远不要让 JS 访问 JWT cookie。这为您打开了许多安全漏洞。接受的答案不应该被执行。

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

【讨论】：