ruoyi-UI(若依)微服务版vue前端使⽤及分析(2021-4-13更新)
ruoyi-UI (若依)微服务版 vue前端版本使⽤及分析(2021-4-13更新)
⽂章⽬录
1. ⽬录结构
ps:他有两个permission.js⽂件,⼀个是根⽬录下的,⼀个是layout/modules/permission.js,两个不要搞混
/layout/modules/permission.js:只是对左侧导航的渲染
/permission.js:可以说是导航守卫吧,然后向后端请求路由什么的
然后重要的是vuex(也就是store⽂件夹下⾯的),贯穿了整个项⽬
先从main.js开始看,然后看fig.js,然后看store,然后顺着storg看页⾯,然后再看api接⼝(权限什么的可以稍后看,要不然你会⼀脸懵)
接⼝使⽤⽅法
1.接⼝定义
2.接⼝引⽤
3. 接⼝调⽤
2. 重点⽂件夹,⽂件解析
views/login.vue
decrypt()解密 /utils/jsencrypt.js
encrypt()加密 /utils/jsencrypt.js
页⾯加载的时候就是⼀个记住密码的功能,调的cookie
nginx部署前端项目
然后点击确定(handleLogin)的时候,调⽤/permission.js的beforeEach函数
然后乱七⼋糟⾛了⼀⼤堆,然后调的store/modules/user.js⾥⾯的登录什么的/store/modules/user.js(这个是⽤户的vuex,⾥⾯都有)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论