Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

vue-token-fixed

0.0.5 • Public • Published

Vue-Token

Simple token storage/ authorization in vuejs.

This plugin requires you to initialize the vue-resource plugin first.

The token will be stored into the Authorization header with each request you make with the vue-resource plugin.

npm install vue-token-fixed --save

Usage

import Auth from 'vue-token-fixed';	
import router from './router';
Vue.use(Auth, options);

router.js (Sample)

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

function load (component) {
 return () => import(`@/${component}.vue`)
}

const vueRoter = new VueRouter({
 mode: 'hash',

 routes: [
 {
	{ path: '/login', component: load('Login') },
	{ path: '*', component: load('Error404') } // Not found
]
})

export default vueRoter

Options

{
 	router: router,
	loginUrl: "/api/login", 
	signupUrl: "/api/users", 
	logoutUrl: "/api/logout"
	refresh: false // Utalize the automatic refresh of tokens
}

Example Component

<script>
export default {
	data(){
		return {
			input: {
				email: "",
				password: ""
			}
		}
	},
	methods: {
		send() {
        	this.$auth.login({email:this.input.email,password:this.input.password}, "Redirect to path after login", (errors) => {
				console.log(errors);
        	});
        }
	}
}
</script>

Methods

$auth.
	// Send a (get) request to the loginUrl.
	login(fieldInfos, redirect = false, errorHandler = false)
		
	// Send a (post) request to the signupUrl.
	register(fieldInfos, redirect = false, errorHandler = false login = true)
		
	//Send a (get) request to the logoutUrl.
	logout(redirect = false, errorHandler = false)
		
	//Check if a token is being stored and if is not null.
	check()
		
	//Get the token from the localStorage.
	getToken()
		
	//Set a token in the localStorage.
	setToken(token)
		
	//Remove the token from the localStorage.
	removeToken()

Note

In Ajax requests, the returned token object is taken as "data.token".

License

MIT# vue-token-fixed

install

npm i vue-token-fixed

Downloadsweekly downloads

1

version

0.0.5

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability