How To Add Authentication to a Vue.js App Using Auth0

Add authentication to your Vue app using Auth0

Photo by Jack T on Unsplash

Auth0 is a flexible, drop-in solution to add authentication and authorization services to your applications. See how easy it is to add to your Vue application so you can register and log in users with their email address and a password.

What We Will Be Creating

We are going to create a very simple Vue application using the Vue CLI. We will modify the default scaffolded application so that we can use Auth0 to either register a new user or log in an existing user. Once a user is logged in, then they will have access to view the About page.

Users will be able to register with the application using the email and password authentication system in Auth0.

Creating Our Project

I will be using the Vue CLI to scaffold out a project for us to start with. To do that, you need to have the Vue CLI installed on your system. If you don’t have it installed, you can install it globally with this command:

npm install -g @vue/cli

Now we can use the Vue CLI to create our project. Create a new project using this command:

vue create vue-authentication-auth0