feat: add /example/server-side-set-cookie.vue

Author: hisasann

src/pages/example/index.vue

@@ -63,6 +63,8 @@ section
     nuxt-link(to='/example/audio', no-prefetch) audio
   p
     nuxt-link(to='/example/video', no-prefetch) video
+  p
+    nuxt-link(to='/example/server-side-set-cookie', no-prefetch) server-side-set-cookie
 </template>
 
 <script lang="ts">

src/pages/example/server-side-set-cookie.vue

@@ -0,0 +1,43 @@
+<template lang="pug">
+section
+  h1.title
+    | server-side-set-cookie
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'nuxt-property-decorator'
+import { AxiosRequestConfig } from 'axios'
+
+@Component
+export default class ServerSideSetCookie extends Vue {
+  public async mounted() {
+    await this.$axios.$post(
+      'http://localhost:5000/set-cookie',
+      {
+        token: 'hoge'
+      },
+      {
+        // withCredentials をつけることで XHR 時に Set-Cookie を許可できる
+        withCredentials: true
+      } as AxiosRequestConfig
+    )
+
+    // const xhr = new XMLHttpRequest()
+    // xhr.open('POST', 'http://localhost:5000/set-cookie', true)
+    // xhr.withCredentials = true
+    // xhr.send('token=bar')
+  }
+
+  public head() {
+    return {
+      title: 'server-side-set-cookie'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+h2 {
+  color: crimson;
+}
+</style>