Vue 3 Token Authentication

For demonstration purpose only

Vue 3 Token Authentication example.

Uses:

• No CSS / pure HTML (except for errors 😬)
• Vue 3 using Options API (no Composition API)
• Vue Router 4
• Vuelidate for client-side form validation
• Storage using Pina and localStorage
• No setup() usage (except for Vuelidate 😬)
• Fake token authentication using Express Fake Token Auth on http://127.0.0.1:3000 url

4 pages (views) using Vue Router:

• / : home (public)
• /login: login form (guest only)
• /register: register form (guest only)
• /account: private page (auth only)

Actions:

• (manually) logout button

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build