KurocoとNuxt.jsで、プレビュー画面を構築する

<template>
  <div>
    <div v-for="n in response.list" :key="n.slug">
      <nuxt-link :to="'/news/'+ n.slug">{{n.ymd}} {{n.subject}}</nuxt-link>
    </div>
  </div>
</template>

<script>
export default {
    async asyncData ({ route, $axios }) {

        const requestNews = async () => {
            const response = await $axios.$get(process.env.BASE_URL + '/rcms-api/2/news');
            return { response };
        };
        const requestNewsPreview = async (previewToken) => {
            const response = await $axios.$get(process.env.BASE_URL + '/rcms-api/2/news/preview' + '?preview_token=' + previewToken);
            return { response: { list: [response.details] } };
        };

        // URLのクエリに、
        // preview_tokenが存在する場合は、previewエンドポイントへ、
        // preview_tokenが存在しない場合は、newsエンドポイントへ、
        // リクエストします。
        try {
            const previewToken = route.query.preview_token;
            return previewToken !== undefined ?
                await requestNewsPreview(previewToken) :
                await requestNews();
        }catch (e) {
            console.log(e.message)
        }
    }
}
</script>

--- a/pages/news/index.vue
+++ b/pages/news/index.vue
@@ -8,10 +8,26 @@
 
 <script>
 export default {
-    async asyncData ({ $axios }) {
+    async asyncData ({ route, $axios }) {
+
+        const requestNews = async () => {
+            const response = await $axios.$get(process.env.BASE_URL + '/rcms-api/2/news');
+            return { response };
+        };
+        const requestNewsPreview = async (previewToken) => {
+            const response = await $axios.$get(process.env.BASE_URL + '/rcms-api/2/news/preview' + '?preview_token=' + previewToken);
+            return { response: { list: [response.details] } };
+        };
+
+        // URLのクエリに、
+        // preview_tokenが存在する場合は、previewエンドポイントへ、
+        // preview_tokenが存在しない場合は、newsエンドポイントへ、
+        // リクエストします。
         try {
-            const response = await $axios.$get(process.env.BASE_URL + '/rcms-api/2/news')
-            return { response }
+            const previewToken = route.query.preview_token;
+            return previewToken !== undefined ?
+                await requestNewsPreview(previewToken) :
+                await requestNews();
         }catch (e) {
             console.log(e.message)
         }