Question

我为特定角色定义了一些规则，它们都工作正常。但是当我在生产模式下构建vue项目时，所有规则都给出了错误。详细信息如下：

我有这个文件ability.js，该文件为我提供了规则：

export const getRules = (role, userId) => {
     const { can, cannot, rules } = AbilityBuilder.extract()
     switch(role) {
          case 'TENANT_ADMIN':
                   can('manage', 'all')
                   break
          case 'TENANT_AGENT': 
                   can('view', 'ConversationView')
                   break
          case 'TENANT_AGENT_LIMITED': 
                   can('view', 'ConversationView', { userId: userId })
                   break
     }
     return rules
}

我正在App.vue中更新这样的规则（所有值均有效）

this.$ability.update(getRules(role, userId))

我正在使用以下代码检查权限。

class ConversationView {
    constructor(props) {
        Object.assign(this, props)
    }
}

this.$can('view', new ConversationView({ userId: Id }))

现在，当我在本地/开发模式下运行此代码时。它工作正常（在需要的地方提供给我的信息是正确的），但是当我生成生产版本时，它没有按预期的方式工作（总是给我错误）

开发构建命令：

vue-cli-service build --mode local --modern

开发版本.env.local

VUE_APP_STAGE=development
NODE_ENV=development

生产构建命令：

vue-cli-service build --mode prod --modern

生产版本.env.prod

VUE_APP_STAGE=production
NODE_ENV=production

让我知道为什么会这样。

在此处复制了步骤。

点击下面的链接以查看运行版本和预期版本： LINK 01 输出：

Checking for '1' => true 
Checking for 1 => false 
Checking for '2' => false

在您的本地克隆相同的项目，或从[github 2下载运行后，我们得到以下输出：

Checking for '1' => false 
Checking for 1 => false 
Checking for '2' => false

Answer 1

得到解决方案。由于生产方面的原因，构建代码无法按预期工作。必须定义modelName函数以返回正确的名称。

点击链接以获取更多信息。

https://stalniy.github.io/casl/abilities/2017/07/21/check-abilities.html#instance-checks

CASL在Vue生产模式下无法正常工作

1 个答案: