Nuxt.js에서 쿠키 사용하기

Nuxt.js에서 쿠키를 처리할 때 사용합니다.이(가) 설치되어 사용되고 있습니다.

컨디션

Vue.js 4.5.3

Nuxt.js 2.14.12

cookie-universal-nuxt 2.1.4

cookie-universal-nuxt 설치

yarn

yarn add cookie-universal-nuxt

npm

npm i --save cookie-universal-nuxt

nuxt.config.js에 설정 추가

nuxt.config.js

{
  modules: [
    // other settings...
    // Simple usage
    'cookie-universal-nuxt',
 ]
}

어셈블리에서 사용

출처

<template>
  <div class="container">
    <button @click="getCookie">Cookie表示</button>
  </div>
</template>

<script lang="ts">
import Vue from "vue";
import $cookies from "cookie-universal-nuxt";

export default Vue.extend({
  methods: {
    getCookie() {
      alert(this.$cookies.get("test")); // Cookieから値を取得
    },
  },
  asyncData({ app }) {
    app.$cookies.set("test", "cookie-test"); // Cookieに値をセット
  },
});
</script>

실행 결과

참고 자료

Nuxt와 Go를 비롯한 웹 응용 개발(기술의 샘 시리즈) eBook: 사찰이 크다

cookie-universal/packages/cookie-universal-nuxt at master · microcipcip/cookie-universal

wikiloop-doublecheck/feed2.vue at 864c3360785735e76a3f84bcd18dc5433f2ae831 · google/wikiloop-doublecheck

vue.d.ts doesn't honor `alias · Issue #63 · microcipcip/cookie-universal