Javascript 如何在vuejs中设置cookie？

在vuejs中设置cookie的最佳实践是什么？ 我使用SSR，所以我想我不能使用本地存储

---

这里最好的方法是什么？

最好使用

mounted

方法

mounted: function() { 
    document.cookie = "username=John Doe";
}

您可以使用或npm包。 您可以在创建的方法中设置cookie

created() {
   this.$cookie.set("keyName", keyValue, "expiring time")
}

使用

使用：

<script src="https://unpkg.com/vue-cookies@1.5.12/vue-cookies.js"></script>
<script>
  $cookies.set('cookie_name', 'cookie_value');
</script>

$cookies.set（'cookie\u name'、'cookie\u value'）；

您也可以在普通JavaScript中完成，而无需使用扩展

假设您想在

axios

POST response内存储一个到期24小时的令牌

axios
.post（“url”，dataToSend）
.然后（功能（响应）{
如果（response.status==200）{
设d=新日期（）；
d、 设置时间（d.getTime（）+1*24*60*60*1000）；
let expires=“expires=“+d.toutString（）；
document.cookie=
“Token=“+response.data.Token+”；“+expires+”；路径=/”；
}
})
.catch（函数（错误）{
console.log（错误）；
});

我认为最简单、最干净的方法是：

    import VueCookies from 'vue-cookies'
    VueCookies.set('name' , name, "1h") 

---

如果您想在Vuex中添加突变，可以将其添加到突变中。

请对您的答案添加更多解释。mounted:function（）{document.cookie=“username=John Doe”；}。如果Dom已准备就绪，则将触发Dom，以便您可以提及您的cookie数据。请编辑您的答案，使其更加完整和易懂。它不会在您每次刷新应用程序时触发吗？太好了。请编辑您对

这个$cookies.set的答案（“keyName”，keyValue，expiring time”）

。您可能忘记了s，或者它已更新，但如果您只为vue cookie编写

$cookie

@和németh，它就

这个。$cookie

，对于vue cookie，它就

这个。$cookies

@Semx11 daaamn我错过了。谢谢你的提醒！