1.修改加载页面的文字/样式 根目录下的index.html 或者添加别的东西 --- * 抽mock (自己开发项目早晚都需要删,我一般都是直接删) 删除mock文件夹 删除vite.config.js中相关代码 import { viteMockServe } from 'vite-plugin-mock'; viteMockServe({ mockPath: 'mock',
在vue-element-admin中如何构建mock 一、在mock文件夹 1.mock文件夹里面创建coure文件夹,并分别创建audio.js、media.js、video.js文件 2.audio.js文件内容(同,media.js、video.js) 2.1.通过Mock.mock()来获取数据(mock提供的随机数据) 2.2.模拟后端返回的数据 2.2.1.获取数据---get 2.2.2.提交数据---post...
一、去官网下载https://panjiachen.github.io/vue-element-admin-site/zh/guide/,我下载的是基础模板. 二、修改vue.config.js文件 1.找到module.exports下的before: require('./mock/mock-server.js')注释掉,因为这个引用的是mock下的虚假数据,我们用不到,然后再把根目录下的mock目录删除(需要重新打开一下,我...
1. mock 安装和引入 npm i mackjsoryarn add mackjs 新建api/mock.js文件 在main.js中引入 2. mock 初使用 a、新建 api/mockServeData/home.js 在这里存放home页面的数据,存放请求数据的地方 //mock数据模拟importMockfrom'mockjs'//图表数据letList=[]exportdefault{getStatisticalData:()=>{//Mock.Rando...
vue-element-admin实战 | 第一篇: 移除mock接入后台微服务接口,搭建SpringCloud+Vue前后端分离的管理平台 一. 前言本篇基于 有来商城youlai-mall 微服务项目搭建的后台前端管理平台,技术选型Vue+element-ui实现…
1. mock 安装和引入 2. mock 初使用 a、新建 api/mockServeData/home.js b、mock.js 中 编写接口 c、编写前端请求:data.js d、home.vue 发请求 e、页面正常,查看控制台打印 ...
1. mock接口信息 先看下vue-element-admin登录进入平台所需要的接口信息,如下图所示,是有两个关键接口 接口一:/user/login 登录认证获取token { "code": 20000, "data": { "token": "admin-token" } } 1. 2. 3. 4. 5. 6. 接口二:/user/info?token=admin-token 根据token获取用户信息 ...
{ title: 'title' // 设置该路由在侧边栏和面包屑中展示的名字 icon: 'svg-name' // 设置该路由的图标,支持 svg-class,也支持 el-icon-x element-ui 的 icon noCache: true // 如果设置为true,则不会被 <keep-alive> 缓存(默认 false) breadcrumb: false // 如果设置为false,则不会在breadcrumb面包...
如下:给"权限设置"菜单设置的权限为:meta:{roles: ['admin', 'editor']},及不同的角色都可以看到; 给其子菜单"页面权限",设置权限为:meta:{roles: ['admin']},及表示只有"admin"可以看到该菜单; 给其子菜单"按钮权限"设置权限为:meta:{roles: ['editor']},及表示只有"editor"可以看到该菜单。
}, // user logout { url: '/vue-element-admin/user/logout', type: 'post', response: _ => { return { code: 20000, data: 'success' } } }] 在mock/user.js修改权限 __EOF__ 本文作者:繁华 落幕 本文链接:https://www.cnblogs.com/lin513/p/17935833.html ...