2

我正在尝试使用 Vue.js 和 Laravel 作为后端来创建 SPA。我tymon/jwt-auth在后端使用 JWT 身份验证。

我在我的 Login.vue 中找不到 $auth。

我像这样在我的 app.js 中包含了@websanova/vue-auth

...
import {createAuth}          from '@websanova/vue-auth/dist/v3/vue-auth';
import driverAuthBearer      from '@websanova/vue-auth/dist/drivers/auth/bearer.esm.js';
import driverHttpAxios       from '@websanova/vue-auth/dist/drivers/http/axios.1.x.esm.js';
import driverRouterVueRouter from '@websanova/vue-auth/dist/drivers/router/vue-router.2.x.esm.js';
...
var auth = createAuth({
    plugins: {
        http: axios,
        router: router
    },
    drivers: {
        http: driverHttpAxios,
        auth: driverAuthBearer,
        router: driverRouterVueRouter,
    },
    options: {
        rolesKey: 'type',
        notFoundRedirect: {name: 'user-account'},
    }
});

Vue.use(auth);

但这给了我Uncaught TypeError: vue.reactive is not a function

我按照@websanova/vue-auth 站点的指示遵循了最新的实施

我还尝试了一些旧教程this和this使用 v2 包，但在这种情况下 this.$auth 在 Login.vue 中未定义

这是我完整的app.js和Login.vue

4

0 回答 0