spring-boot-vue-authentication-jwt-spring-security-feature-image

Spring Boot + Vue.js: Authentication with JWT & Spring Security Example

In this tutorial, we will learn how to build a full stack Spring Boot + Vue.js Authentication example. The back-end server uses Spring Boot with Spring Security for JWT authentication and Spring Data JPA for interacting with database. The front-end will be created with Vue and Vuex. We’ll also use vee-validate to perform Form validation and vue-fontawesome for make our UI more comfortable to view.

It will be pretty long, but interesting. Let’s get started.


Related Post: Spring Boot + Vue.js example: Build a CRUD App
More Practice:
CRUD GraphQL APIs example with Spring Boot, MySQL & Spring JPA
Vue + Spring Boot: File Upload example

Read More

vue-axios-file-upload-example-feature-image

Vue File Upload example using Axios

In this tutorial, I will show you way to build a Vue File Upload example that uses Axios and Multipart File for making HTTP requests. You will also know how to add Bootstrap progress bar, show response message and display list of files’ information (with url).

Server for testing this Vue Client:
Spring Boot Multipart File upload example

More Practice:
Vue.js 2 CRUD Application with Vue Router & Axios
Vue.js JWT Authentication with Vuex and Vue Router

Using Vuetify: Vuetify File Upload example

Read More

vuetify-file-upload-feature-image

Vuetify File Upload example

In this tutorial, I will show you way to use Vuetify to build File Upload example with Axios and Multipart File for making HTTP requests. You will also know how to add progress bar, show response message and display list of files’ information (with url).

Server for testing this Vue Client:
Spring Boot Multipart File upload example

More Practice:
Vue.js 2 CRUD Application with Vue Router & Axios
Vue.js JWT Authentication with Vuex and Vue Router

Using Bootstrap: Vue File Upload example with Axios & Bootstrap

Read More

vue-composition-api-example-feature-images

Vue 3 Composition API tutorial with examples

Vue introduces Composition API (Function-based API) as an addition to current Options-based API. The API will be released with Vue 3, but now you can try it with Vue 3 Composition API added to your Vue 2 app. In this tutorial, we’re gonna show you:

  • New Vue Composition API overview and comparison with classic Vue Options-based API
  • Examples to implement a Vue Component with new API: props, data, watchers, lifecycle hooks
  • Example to take advantage of new Vue 3 Composition API (function-based API): split Topics into Functions

Related Post: Vue v-slot tutorial with examples

Read More