[vue3+django]升级_权限功能+路由设置+动态路由

一、背景

要对vue3项目进行升级，主要是添加用户权限，根据不同用户展示不同路由。

二、思路

1.对django后端进行处理，包括添加权限信息列
2.对后端登录接口进行处理，将权限信息通过response返回前端
3.前端将权限信息存入Vuex和sessionStorage中

三、操作

后端

后端的具体表，在models.py中添加auth，包括common和admin两种代表普通用户和管理员

我们项目中login接口返回的数据

在这里对auth字段进行提取，存入data中，随response发回前端。

前端

首先是对Vuex中user.ts添加auth状态、方法
在login接口接收到res时，

commit('setUserAuth', res.data.auth);

写入sessio