Integrating HTTP Only Authentication into a Vue Application

This tutorial will walk through how to implement an HTTP Only authentication system into a Vue 3 project. I'm connecting this application to a Ruby on Rails API only application, however you can use this approach with any type of backend that utilizes HTTP only auth tokens instead of JWT tokens.

This tutorial assumes that you already have a Vue application, if you don't you can create one via the CLI with these tutorials (How to Upgrade the Vue CLI from Version 2 to 3, How to Deploy a Vue CLI 3 Application to Heroku). It also assumes that you have the axios library installed for making 3rd party API requests.

Create a Registration Component