Как установить cookie в vuejs?

Question

Как лучше всего устанавливать cookie в vuejs?Я использую SSR, поэтому я не могу использовать localStorage.

Какой здесь лучший подход?

Answer 1

Вы также можете сделать это в javascript плана без использования расширений.

Допустим, вы хотите хранить токен с истечением 24 часов внутри xios POST-ответа

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 2

Вы можете использовать пакет vue-cookie или vue-cookie npm.Вы можете установить cookie в созданном методе.

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

Answer 3

Использовать 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 4

было бы лучше использовать mounted метод

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