比价网站源码网站关键词优化方法
文章目录
- 1 登录页的静态实现
-
- 1.1 router/index.js(添加路由)
- 1.2 Login.vue(登录页面)
- 2 登录以后拿到的数据存储在pinia
-
- 2.1 Login.vue(绑定登录事件)
-
- 2.1.1 proxy.$api.getMenu(验证登录)
- 2.1.2 store.updateMenuList(更新菜单)
- 2.2 模拟登录数据
-
- 2.2.1 api.js(axios请求URL)
- 2.2.2 mock.js(拦截请求的URL)
- 2.2.3 mockData/permission.js(模拟登录验证)
- 2.3 stores/index.js(updateMenuList())
- 2.4 CommonAside.vue(菜单的动态显示)
使用pinia管理登录以后取到的数据，根据不同的用户，模拟返回不同的菜单列表，动态显示菜单。
1 登录页的静态实现
1.1 router/index.js(添加路由)
import {createRouter, createWebHashHistory} from 'vue-router'
// 制定路由规则
const routes = [{path: '/login',name: 'login'