web-dev-qa-db-ja.com

vuejsでCookieを設定する方法は？

VuejsでCookieを設定するためのベストプラクティスは何ですか？ SSRを使用しているため、localStorageを使用できないと思います。

ここで最善のアプローチは何ですか？

javascriptcookiesvue.jsvuejs2
11
Ic3m4n

vue-cookie または vue-cookies npmパッケージを使用できます。作成したメソッドにCookieを設定できます。

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

拡張機能を使用せずに、プラン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);
});
4
khan

vue-cookies を使用します

使用するには：

<script src="https://unpkg.com/[email protected]/vue-cookies.js"></script>
<script>
  $cookies.set('cookie_name', 'cookie_value');
</script>
1
mpalencia