mock/user.js定义了/vue-element-admin/user/login这个rest请求的返回数据,定义了admin和editor这2个角色和token内容,定义了post请求(参数是loginname)的返回是一个R(code+tokens信息)嵌套json,code是请求的响应码,tokens是用户的单一状态信息(全局维护~),user/getInfo方法根据token参数得到用户和角色信息,后端需要提供...
在进行接下来的工作前,我们需要对原生的vue-element-admin项目改造,移除mock连通后台接口,具体可参考我这篇文章 vue-element-admin实战 | 第一篇: 移除mock接入后台,搭建有来商城youlai-mall前后端分离管理平台,如果在过程中有遇到问题,欢迎下方留言。 二. 前端调整 至于上文提到的对vue-element-admin几乎不做改动便...
后台接口数据(这个项目是用mock模拟的,实际你替换一下接口地址就行) 后台的数据格式参考这个格式 export const asyncRoutes = [ { path: '/permission', component: 'layout/Layout', redirect: '/permission/index', alwaysShow: true, meta: { title: 'Permission', icon: 'lock', roles: ['admin', 'edit...
vue-element-admin实战 | 第一篇: 移除mock接入后台微服务接口,搭建SpringCloud+Vue前后端分离的管理平台 一. 前言本篇基于 有来商城youlai-mall 微服务项目搭建的后台前端管理平台,技术选型Vue+element-ui实现…
1. mock接口信息 先看下vue-element-admin登录进入平台所需要的接口信息,如下图所示,是有两个关键接口 接口一:/user/login 登录认证获取token { "code":20000,"data": { "token":"admin-token"} } 接口二:/user/info?token=admin-token 根据token获取用户信息 ...
6、在src-view-login-index.html文件中,找到Vue-Element-Admin的登录接口,添加如下代码,如图,把官方的请求方式注释掉,this.loginForm是请求参数 this.loading =truethis.$store.dispatch('user/login',this.loginForm) .then(() => {this.$router.push({ path:this.redirect ||'/', query:this.otherQuery ...
django-admin.exe startproject TCweb Linux cd 到项目目录 django-admin startproject TCweb IP放行 项目settings.py ALLOWED_HOSTS = ['localhost', '127.0.0.1', 'your_ip or 域名'] token生成和验证 在Django框架中结合rest_framework和rest_framework_jwt实现Token生成和校验 ...
vue-element-admin改造接入后台,搭建有来商城后台前端管理平台 一. 前言 本篇基于有来商城youlai-mall 微服务项目搭建的后台前端管理平台,技术选型Vue+element-ui实现前后端分离,解决方案选型vue-element-admin。希望通过本篇你可以改造vue-element-admin工程接入微服务接口实现前后端分离。
Vue-element-admin 封装好的 request.js 用的是 axios 请求数据 关键在于:django 只接受 前端发送过来的 字符串,否则后端是获取不到的!!! 要求: 后端开放全部权限 前端代理 注意!!!注意!!!注意!!!注意!!!注意!!!注意!!! 以下是前端对接所有后端共同要做的 一...
这是一个vue+ssm的前后端分离的基础功能模版(前端部分)后端项目地址,后续还会不断完善功能、解决bug。 前端使用的是vue-element-admin, 内置功能 用户管理:编辑用户基本信息。 角色管理:管理用户-菜单、用户-api接口、用户-工作流权限。 系统接口:根据业务代码自动生成相关的api接口文档。