如何从 cretueusebiu 在 laravel SPA 上创建中间件

Question

我是新手，刚刚学习 laravel SPA。我尝试从 github 创建项目 laravel spa：https://github.com/cretueusebiu/laravel-vue-spa。

所以下一步我想添加中间件，但在结构中我不知道会发生什么。

这个文件夹在

js
  middleware
        admin.js
        auth.js
        check-auth.js
        guest.js
        locale.js

在 admin.js 上

import store from '~/store'

export default (to, from, next) => {
  if (store.getters['auth/user'].role !== 'admin') {
    next({ name: 'home' })
  } else {
    next()
  }
}

这个角色是管理员，但在表用户上我没有看到任何关于角色或任何东西的信息，请告诉我。 已经使用过这个的人，我只是想问一下，如何创建一些中间件，比如用户、管理员、超级管理员或任何东西。谢谢你

Answer 1

我认为您要制作的东西通常称为守卫（或大门）。这通常由中间件完成，但中间件可以用于更多。

在您的特定实例中，您可以通过将middleware: 'admin' 添加到组件脚本中来启用组件中的admin.js 中间件。

您对用户的角色字段是正确的。您需要将角色添加到用户表（也可能是模型）。您应该能够在 Vue 开发工具中看到它。 您现在可以将其添加为文本字段或枚举。使用角色表有更好的方法。但是枚举又快又脏。

admin.js 仅保护“管理员”角色，因此您只需复制/粘贴文件并将store.getters['auth/user'].role !== 'admin' 更改为您想要保护的任何角色。 js/middleware/ 目录中的任何文件看起来都是从 js/router/index.js 自动加载的

例如，如果您创建一个名为 superUser.js 的中间件并将保护更改为 store.getters['auth/user'].role !== 'superUser' 您可以将middleware: 'superUser' 添加到您的组件中。