refactor minor

Author: tienbku

README.md

@@ -1,14 +1,43 @@
 # Vue.js JWT Authentication with Vuex and Vue Router
 
-For more detail, please visit:
-> [Vue.js JWT Authentication with Vuex and Vue Router](https://bezkoder.com/jwt-vue-vuex-authentication/)
+For instruction, please visit:
+> [Vue 2 JWT Authentication with Vuex and Vue Router](https://bezkoder.com/jwt-vue-vuex-authentication/)
+
+> [Using Typescript](https://bezkoder.com/vuex-typescript-jwt-auth/)
+
+> [Vue 3 JWT Authentication with Vuex and Vue Router](https://bezkoder.com/vue-3-authentication-jwt/)
+
+More Practice:
+> [Vue.js CRUD App with Vue Router & Axios](https://bezkoder.com/vue-js-crud-app/)
+
+> [Vue Pagination with Axios and API example](https://bezkoder.com/vue-pagination-axios/)
+
+> [Vue File Upload example using Axios](https://bezkoder.com/vue-axios-file-upload/)
 
 Fullstack with Spring Boot Back-end:
 > [Spring Boot + Vue.js: Authentication with JWT & Spring Security Example](https://bezkoder.com/spring-boot-vue-js-authentication-jwt-spring-security/)
 
 Fullstack with Node.js Express Back-end:
 > [Node.js Express + Vue.js: JWT Authentication & Authorization example](https://bezkoder.com/node-express-vue-jwt-auth/)
 
+Fullstack CRUD:
+> [Vue.js + Node.js + Express + MySQL example](https://bezkoder.com/vue-js-node-js-express-mysql-crud-example/)
+
+> [Vue.js + Node.js + Express + PostgreSQL example](https://bezkoder.com/vue-node-express-postgresql/)
+
+> [Vue.js + Node.js + Express + MongoDB example](https://bezkoder.com/vue-node-express-mongodb-mevn-crud/)
+
+> [Vue.js + Spring Boot + MySQL/PostgreSQL example](https://bezkoder.com/spring-boot-vue-js-crud-example/)
+
+> [Vue.js + Spring Boot + MongoDB example](https://bezkoder.com/spring-boot-vue-mongodb/)
+
+> [Vue.js + Django example](https://bezkoder.com/django-vue-js-rest-framework/)
+
+Integration (run back-end & front-end on same server/port)
+> [Integrate Vue.js with Spring Boot](https://bezkoder.com/integrate-vue-spring-boot/)
+
+> [Integrate Vue App with Node.js Express](https://bezkoder.com/serve-vue-app-express/)
+
 ## Note:
 Open `src/services/auth-header.js` and modify `return` statement for appropriate back-end.
 

src/views/BoardAdmin.vue

@@ -23,7 +23,7 @@ export default {
       },
       error => {
         this.content =
-          (error.response && error.response.data) ||
+          (error.response && error.response.data && error.response.data.message) ||
           error.message ||
           error.toString();
       }

src/views/BoardModerator.vue

@@ -23,7 +23,7 @@ export default {
       },
       error => {
         this.content =
-          (error.response && error.response.data) ||
+          (error.response && error.response.data && error.response.data.message) ||
           error.message ||
           error.toString();
       }

src/views/BoardUser.vue

@@ -23,7 +23,7 @@ export default {
       },
       error => {
         this.content =
-          (error.response && error.response.data) ||
+          (error.response && error.response.data && error.response.data.message) ||
           error.message ||
           error.toString();
       }

src/views/Home.vue

@@ -23,7 +23,7 @@ export default {
       },
       error => {
         this.content =
-          (error.response && error.response.data) ||
+          (error.response && error.response.data && error.response.data.message) ||
           error.message ||
           error.toString();
       }

src/views/Login.vue

@@ -90,7 +90,7 @@ export default {
             error => {
               this.loading = false;
               this.message =
-                (error.response && error.response.data) ||
+                (error.response && error.response.data && error.response.data.message) ||
                 error.message ||
                 error.toString();
             }

src/views/Register.vue

@@ -101,7 +101,7 @@ export default {
             },
             error => {
               this.message =
-                (error.response && error.response.data) ||
+                (error.response && error.response.data && error.response.data.message) ||
                 error.message ||
                 error.toString();
               this.successful = false;

vue.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  devServer: {
+    port: 8081
+  }
+}