Question

在vuejs中设置cookie的最佳做法是什么？我使用SSR，所以我想我不能使用localStorage。

这里最好的方法是什么？

Answer 1

您可以使用vue-cookie或vue-cookies npm软件包。您可以在创建的方法中设置Cookie。

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

Answer 2

使用vue-cookies

要使用：

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

Answer 3

您也可以在计划javascript中执行此操作，而无需使用扩展名。

让我们说您要在xios POST响应中存储过期24小时的令牌

axios.post('url', datatosend)
.then(function (response) {
   if(response.status == 200){
      let d = new Date();                
      d.setTime(d.getTime() + (1*24*60*60*1000));
      let expires = "expires="+ d.toUTCString();
      document.cookie = "Token=" + response.data.Token + ";" + expires + ";path=/";
     }
   })
.catch(function (error) {
     console.log(error);
});

Answer 4

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

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

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

Answer 5

最好使用静音方法

mounted: function() { /* code here */ }

如何在vuejs中设置cookie？

5 个答案: