一、去官网下载https://panjiachen.github.io/vue-element-admin-site/zh/guide/,我下载的是基础模板. 二、修改vue.config.js文件 1.找到module.exports下的before: require('./mock/mock-server.js')注释掉,因为这个引用的是mock下的虚假数据,我们用不到,然后再把根目录下的mock目录删除(需要重新打开一下,我...
}, // user logout { url: '/vue-element-admin/user/logout', type: 'post', response: _ => { return { code: 20000, data: 'success' } } }] 在mock/user.js修改权限 __EOF__
一、去官网下载https://panjiachen.github.io/vue-element-admin-site/zh/guide/,我下载的是基础模板. 二、修改vue.config.js文件 1.找到module.exports下的before: require('./mock/mock-server.js')注释掉,因为这个引用的是mock下的虚假数据,我们用不到,然后再把根目录下的mock目录删除 2.再在里面添加代理:...
1.安装最新的vue-element-admin; 2.如有需要可以去掉eslint;在下面这个文件里面全局搜索 3.删除所有的eslint文件 4.开始安装依赖包, npm install 5.启动服务:npm run dev ,但是打开的是两个窗口,需要把open设置为false; 6.进入登录页面: 7.后端编写登录接口(这里以java为列): 验证码根据需求来进行设置; 8....
Request URL:http://localhost:5000/vue-element-admin/user/logout,根据其只要本地缓存中token被删除就会退出登录。所以就不用后台实现退出接口了 ① /src/api/user.js中删除 url: '/vue-element-admin/user/logout'这个代码块。 ② 原生退出请求接口修改,只要删除本地缓存token即可 ...
可以看到登录相关接口该文件中均以实现 api-user-1 查看发现方法中都使用了return request({...})形式,继续前往@/utils/request查看 api-user-2 可以看到,该方法对axios进行了封装 request 另外可以看到url = base url + request url, 拿login来说我们实际请求的地址就是base url加上我们定义的/vue-admin-templ...
项目模板采用vue-element-admin,使用vue和element-ui实现 1.目录结构 image.png permission.js 登录流程中,src/permission.js是最重要的环节,这个文件是路由的全局钩子(beforeEach和afterEach),全局钩子的意思就是每次跳转的时候可以根据情况进行拦截,不让他跳转。使用场景就是有些页面需要登录才能访问,这时候就可以在bef...
本文介绍了如何使用vue-element-admin开发在线考试系统教师端的流程,模板的下载过程略过,项目部署后的目录结构如图所示 我自己的前端学的不怎么样,可以说是个半吊子...
vue-element-admin项目默认走的是本地mock接口数据,那怎么接入到自己平台的后台接口呢? 1. mock接口信息 先看下vue-element-admin登录进入平台所需要的接口信息,如下图所示,是有两个关键接口 接口一:/user/login 登录认证获取token { "code": 20000,
(1)编写api 对了api请求接口也是做了转发,在我个人博客vue-element-admin初识中有介绍,不再多说,感兴趣的去看那篇文章。sso单点登录的项目请求地址:https://mock.mengxuegu.com/mock/6077a5b1990ff82a18f95bab/ssologin 也是mockjs模拟的数据。 这里的请求头要询问后台开发人员是否需要,不需要的话就无所谓了...