在開發 web 項目的時候，我們常常需要使用 shiro 框架來進行權限管理，而 vue 作為現在最流行的前端框架之一，如何獲取 shiro 的權限信息呢？

首先，我們需要在 vue 中使用 axios 或者其他類似的庫來進行 http 請求，可以先定義一個獲取權限的方法：

getPermission() {
return axios.get('/api/permissions')
.then(response => {
return response.data; // 獲取權限數據
})
.catch(error => console.log(error));
}

接著，在 shiro 的配置文件中，我們需要定義一個過濾器，用于返回當前用戶的權限信息：

<!-- 這里假設我們的 API 路由為 /api/permissions -->
<bean id="permsFilter" class="org.apache.shiro.web.filter.authz.PermissionsAuthorizationFilter">
<property name="perms<!-- 過濾器名稱 -->" value="/api/permissions"/>
</bean>

然后，在我們的 shiro Realm 中，我們需要重寫 doGetAuthorizationInfo() 方法來獲取當前用戶的權限信息：

@Override
protected AuthorizationInfo doGetAuthorizationInfo(PrincipalCollection principals) {
SimpleAuthorizationInfo authorizationInfo = new SimpleAuthorizationInfo();
User user = (User) principals.getPrimaryPrincipal(); // 獲取當前用戶
Set<String> permissions = new HashSet<>();
// 根據 user 來獲取權限信息，這里可以根據情況自己定義
if ("admin".equals(user.getUsername())) {
permissions.add("/api/permissions");
// 添加其他權限信息
}
authorizationInfo.setStringPermissions(permissions);
return authorizationInfo;
}

最后，我們在 vue 中調用 getPermission() 方法，就可以獲取當前用戶的權限信息了：

this.getPermission().then(data => {
// 這里的 data 就是 shiro 返回的權限信息
// 根據情況處理權限數據
});