使用laravel vue rest api获取用户权限

问题描述

我正在尝试使用Laravel的所有用户权限（后端）和vuejs的前端。 如何从api转换到vue？最佳选择是什么？ 我试图用下面的代码来获取它们，但显示错误

在权限Mixin中：

import PermissionDataService from '../../Servieces/PermissionDataService'

export default {

    methods: {
        checkPermission() {
            let permissions;
            PermissionDataService.get("user_permissions")
                .then((response) => {
                    permissions= response.data;
                })
                .catch((error) => {
                    console.debug(error)
                });
            return hasAccess;
        }
    }
}

这就是我在main.js中使用它的方式：

import permission from "@/core/mixins/permissionMixin";
Vue.mixin(permission);
window.Laravel = this.checkPermission();

console.debug(Laravel)

Vue.directive('can',function (el,binding) {
    return Laravel.permissions.indexOf(binding) !== -1;
});

但总是向我显示此错误：

Uncaught TypeError: can't access property "defaults",a.default.axios is undefined

我完全确定端点正常 有任何想法吗？

解决方法

终于解决了。 我不得不放

window.Laravel = this.checkPermission();

进入布局文件之一