uniapp应用如何实现用户认证和权限管理

npm install uni-id

import uniID from '@/uni-id/uni-id.js'

uniID.register({    username: '张三',    password: '123456'}).then(res => {    // 注册成功的逻辑处理}).catch(err => {    // 注册失败的逻辑处理})uniID.login({    username: '张三',    password: '123456'}).then(res => {    // 登录成功的逻辑处理}).catch(err => {    // 登录失败的逻辑处理})

// permission.jsconst state = {    roles: [], // 用户角色信息    permissions: [] // 用户权限信息}const mutations = {    SET_ROLES(state, roles) {        state.roles = roles    },    SET_PERMISSIONS(state, permissions) {        state.permissions = permissions    }}const actions = {    setRoles({commit}, roles) {        commit('SET_ROLES', roles)    },    setPermissions({commit}, permissions) {        commit('SET_PERMISSIONS', permissions)    }}export default {    namespaced: true,    state,    mutations,    actions}

import store from '@/store'const roles = ['admin'] // 用户角色信息const permissions = ['create', 'update', 'delete'] // 用户权限信息store.dispatch('permission/setRoles', roles)store.dispatch('permission/setPermissions', permissions)

import { mapState } from 'vuex'export default {    computed: {        ...mapState('permission', ['roles', 'permissions'])    },    methods: {        hasPermission(permission) {            return this.permissions.includes(permission)        }    }}