vue-aspnet-auth

import Vue from 'vue'; import { AspnetAuth } from 'vue-aspnet-auth'; Vue.use(AspnetAuth, { url: 'http://localhost:46993' // Replace with your ASP.NET backend URL }); // Example Vue component demonstrating login export default { name: 'login-component', data() { return { username: '', password: '', error: null }; }, methods: { login() { this.$auth.login(this.username, this.password, (data) => { if (data.result) { console.log('Login successful:', this.$auth.authentication); // Example: Redirect or update store // this.$store.commit('auth', this.$auth.authentication); // this.$root.$emit('app.loggedin'); } else { this.error = data.message || 'Login failed.'; console.error('Login failed:', this.error); } }); }, logout() { this.$auth.logout(); console.log('Logged out.'); } }, created() { // Can dynamically update the URL if needed, though better set during Vue.use() // this.$auth.url = `http://localhost:1234`; console.log('Auth plugin initialized. Current URL:', this.$auth.url); }, template: ` <div> <h2>Login</h2> <form @submit.prevent="login"> <input type="text" v-model="username" placeholder="Username" /> <input type="password" v-model="password" placeholder="Password" /> <button type="submit">Login</button> </form> <p v-if="error" style="color: red;">{{ error }}</p> <button @click="logout">Logout</button> </div> ` };