refactor minor

bezkoder · May 5, 2021 · 0adfefd · 0adfefd
1 parent 699e395
commit 0adfefd
Show file tree

Hide file tree

Showing 8 changed files with 42 additions and 8 deletions.
diff --git a/README.md b/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.
 

diff --git a/src/views/BoardAdmin.vue b/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();
       }

diff --git a/src/views/BoardModerator.vue b/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();
       }

diff --git a/src/views/BoardUser.vue b/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();
       }

diff --git a/src/views/Home.vue b/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();
       }

diff --git a/src/views/Login.vue b/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();
             }

diff --git a/src/views/Register.vue b/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;

diff --git a/vue.config.js b/vue.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  devServer: {
+    port: 8081
+  }
+}