Vue Templates Logo Vue Templates
Vue Auth Href screenshot

Vue Auth Href

Author Avatar Theme by Nachodd
Updated: 28 Oct 2024
17 Stars

A VueJS directive for downloading files that are under a protected route schema

Github

Overview

The vue-auth-href is a powerful VueJS directive designed for efficiently handling file downloads from protected routes that require an Authorization Header. In a world where security is paramount, many projects face the challenge of providing access to files while ensuring that only authorized users can download them. This handy directive simplifies the process by seamlessly integrating with JWT authentication, making it easier for developers to implement secure file downloads without getting tangled in complex authorization flows.

By automatically appending the necessary authorization token to the request header when an anchor tag is clicked, vue-auth-href takes the guesswork out of secure file handling, ensuring a smooth user experience while keeping your application secure. Whether you’re a seasoned Vue developer or a newcomer to the framework, this plugin can provide a significant boost to your project’s file management capabilities.

Features

  • JWT Token Integration: Automatically includes a JWT token in the Authorization header for secure file downloads, ensuring compliance with your authentication schema.
  • Customizable Options: Offers several options that can be configured either inline or at initialization, allowing for flexibility according to project needs.
  • Authorization Header Key: The ability to customize the key for the authorization header makes it adaptable for various API specifications.
  • Downloading Feedback: Provides user feedback with customizable text or HTML that displays while the file is being downloaded, enhancing the user experience.
  • Animation Support: Incorporates a fun dots animation during file downloads when configured, adding a visually appealing element to the process.
  • Easy Initialization: Designed for simplicity, making it easy to set up and get running within any Vue.js application with just a few lines of code.
  • Open for Contributions: Emphasizes community involvement, allowing developers to contribute and enhance the directive to fit a wider range of use cases.