vuej에서 쿠키를 설정하는 방법

vuej에서 쿠키를 설정하는 방법

vuejs에서 쿠키를 설정하는 베스트 프랙티스는 무엇입니까?SSR를 사용하기 때문에 localStorage를 사용할 수 없습니다.

여기서 가장 좋은 방법은 무엇입니까?

vue-cookie 또는 vue-cookies npm 패키지를 사용할 수 있습니다.작성한 방법으로 쿠키를 설정할 수 있습니다.

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

확장자를 사용하지 않고 일반 JavaScript로 실행할 수도 있습니다.

유효기간이 24시간인 토큰을 저장하려고 합니다.axiosPOST 응답

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);
  });

vue-cookie 사용

사용 방법:

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

가장 쉽고 깨끗한 방법은 다음과 같습니다.

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

이것은 Vuex에서 원하는 경우 돌연변이에 추가될 수 있습니다.

사용하는 것이 가장 좋습니다.mounted방법

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

언급URL : https://stackoverflow.com/questions/50754590/how-to-set-cookie-in-vuejs