四、menu/App.vue样式和路由跳转 1. 修改menu样式 2. 修改App.vue 样式 3. 路由 a、 添加事件 b、更改Home为Main.vue c、移动views/user/index.vue d、新建views/home/index.vue...
9. 此处是api中的login方法,上面import引入了utils下的request,本质上是它调用了request.js,request.js是对axios进行了封装(统一请求拦截和响应拦截),用来请求后台接口的,如果这个接口请求成功,则回到login.vue页面中的.then()方法路由跳转到登录页。 4、request.js 可以看到在这个请求中配置了baseURL,这个值是读取...
Vue-Element-Admin集 成自己的接口实现登录跳转 1、先看一下请求配置文件,看axios.create这个方法,baseURL是基础路由 baseURL:process.env.VUE_APP_BASE_API, 路径:src-utils-request.js 2、然后再看service.interceptors.request.use,设置token请求头,我后端集成的是jwt,所以请求头是Authentication,如图 config.heade...
2.登入后页面空白或404,应该是配置默认登入后跳转的路径没有对应的页面,可以把默认菜单部分注释掉(下文代码块中部分),修改成这样子,(左上角应该是要放一个返回主页的系统名称的,以后再修改) 前言:本文主要为vue-element-admin框架的入门教程,本人2年后端开发经验,想自学前端转全栈工程师(听着就好酷),直接上手实...
将跳转至支付宝完成支付 确定 取消 捐赠 捐赠前请先登录 取消 前往登录 登录提示 该操作需登录 Gitee 帐号,请先登录后再操作。 立即登录 没有帐号,去注册 编辑仓库简介 简介内容 vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18n 国际...
1.对路由跳转进行判断,如果符合权限就允许,反之就不行 2.对跳转页面进行逻辑请求判断,就是页面数据需要一定的权限才能发送请求(这样需要后端人员给你做,个人感觉不太现实,后端估计想干你) 3.根据权限,动态生成对应的路由,什么权限拥有什么路由(vue-element-admin)就是这么做的,动态生成路由 ...
在src文件夹下,有一个permission.js文件,里面有个router.beforeEach钩子,其中设置了每次页面跳转之前调用判断用户信息,里面调用了一个action,GetUserInfo。在GetUserInfo中设置了如果没有权限,则报错。 解决办法:mock一个接口来获取用户信息的,具体接口内容,参考以往项目的/user/info接口。
再可以看到它引用了login这个函数,Ctrl+鼠标左键跳转过去看看,(路径src/api/user.js) (本文使用的后端接口都是套用以前开发其他项目时写的接口,大家可以随便写几个,返回假数据就好了。如果实在不了解后端接口是什么可以d我给你发几个案例) 这里的return request({}),我们也可以ctrl+鼠标左键跳转过去(或者看图片上...
最近用vue-element-admin框架做项目,有这么一个需求,从首页汇总数据点击跳转到新页面图表明细。就是以前的锚点定位!昨天没有做成功,今天又来实验,终于成功了!现在记录一下,希望对有需要的人一点参考。 克隆项目,运行项目,现在一个简单的页面,添加了三个按钮。运行如下!
login登录通过调用vuex的登录方法,把一些cookie权限之类的全局变量放置到vuex里,登录之后跳转到/dashboard(会重定向到/home)页面,(登录成功后,服务端会返回一个token(该token的是一个能唯一标示用户身份的一个key),之后我们将token存储在本地cookie之中,这样下次打开页面或者刷新页面的时候能记住用户的登录状态,不用再...