Add user authentication

src/views/ShowFindPost.vue

 <template>
     <v-container fill-height fluid grid-list-xl>
     <v-layout justify-center wrap>
+      <v-dialog
+        v-model="loginDialog"
+        persistent
+        max-width="290"
+      >
+        <v-card>
+          <v-card-title class="headline">불러오기 실패</v-card-title>
+
+          <v-card-text>
+            로그인이 필요한 기능입니다.
+          </v-card-text>
+
+          <v-card-actions>
+            <v-spacer></v-spacer>
+            <v-btn
+              color="green darken-1"
+              text
+              @click="moveLogin"
+            >
+              로그인 이동
+            </v-btn>
+          </v-card-actions>
+        </v-card>
+      </v-dialog>
       <v-flex xs12 md8>
         <material-card color="green" v-bind:title="findpost.title" v-bind:text="findpost.created" display-2>
           <v-card :elevation="20" width="300" :shaped="true" v-if="dataLoading" class="mx-auto">
@@ -192,9 +216,12 @@
 <script>
 export default {
     created: function () {
+      if(this.$store.commit('getToken')){
         const _id = this.$route.params._id;
+      
         this.$http.get(`/finderboard/${_id}`)
           .then((response) => {
+            
             this.dataLoading = true;
             this.findpost = response.data.board;
             this.items = this.findpost.comments;
@@ -202,6 +229,10 @@ export default {
             this.image='data:image/jpeg;base64,'+base64data;
             this.dataLoading = false;
           });
+      }
+      else{
+        this.loginDialog = true;
+      }
     },
     data: () => {
       return{
@@ -222,6 +253,7 @@ export default {
         commentSnackbar: false,
         postSnackbar: false,
         comment_id: '',
+        loginDialog: false,
         dataLoading: true
       }
     },
@@ -306,6 +338,10 @@ export default {
         this.$router.push({
           path:`/modifyfindpost/${item_id}`
         })
+      },
+      moveLogin: function(){
+        this.loginDialog = false;
+        this.$router.push(`/login`);
       }
     },
 }

src/views/ShowLostPost.vue

 <template>
     <v-container fill-height fluid grid-list-xl>
     <v-layout justify-center wrap>
+      <v-dialog
+        v-model="loginDialog"
+        persistent
+        max-width="290"
+      >
+        <v-card>
+          <v-card-title class="headline">불러오기 실패</v-card-title>
+
+          <v-card-text>
+            로그인이 필요한 기능입니다.
+          </v-card-text>
+
+          <v-card-actions>
+            <v-spacer></v-spacer>
+            <v-btn
+              color="green darken-1"
+              text
+              @click="moveLogin"
+            >
+              로그인 이동
+            </v-btn>
+          </v-card-actions>
+        </v-card>
+      </v-dialog>
       <v-flex xs12 md8>
         <material-card color="green" v-bind:title="lostpost.title" v-bind:text="lostpost.created">
           <v-card :elevation="20" width="300" :shaped="true" v-if="dataLoading" class="mx-auto">
@@ -188,7 +212,9 @@
 <script>
 export default {
     created: function () {
+      if(this.$store.commit('getToken')){
         const _id = this.$route.params._id;
+
         this.$http.get(`/losterboard/${_id}`)
             .then((response) => {
               this.dataLoading = true;
@@ -198,6 +224,10 @@ export default {
               this.image='data:image/jpeg;base64,'+base64data;
               this.dataLoading = false;
             });
+      }
+      else{
+        this.loginDialog = true;
+      }
     },
     data: () => {
         return{
@@ -219,6 +249,7 @@ export default {
             commentSnackbar: false,
             postSnackbar: false,
             comment_id: '',
+            loginDialog: false,
             dataLoading: true,
         }
     },
@@ -298,6 +329,10 @@ export default {
               this.postSnackbar = true;
             }
               this.postDeleteDialog = false;
+        },
+      moveLogin: function(){
+        this.loginDialog = false;
+        this.$router.push(`/login`);
       }
     },
 }