一、去官网下载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.再在里面添加代理:...
首先修改这个逻辑 在这增加用户名 kotlin consttokens = { admin: { token:'admin-token'}, editor: { token:'editor-token'}, boss: { token:'boss-token'}}constusers = {'admin-token': { roles: ['admin'], introduction:'I am a super administrator', avatar:'https://wpimg.wallstcn.com/f...
一、去官网下载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.再在里面添加代理:...
开发 # 克隆项目gitclonehttps://github.com/PanJiaChen/vue-element-admin.git# 进入项目目录cdvue-element-admin# 安装依赖npm install# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题npm install --registry=https://registry.npm.taobao.org# 启动服务npm run...
<el-dropdown-item>Docs</el-dropdown-item> <el-dropdown-item divided @click.native="logout"> Log Out </el-dropdown-item> </el-dropdown-menu> </el-dropdown> </template> import { mapGetters } from 'vuex' import Breadcrumb ...
因为在vue-element-admin中标题是一个是一个动态路由标题,就是说你点进那个页面,它会显示对应页面的标题,所以当我们开发项目的时候需要改成我们需要的标题 1.找到permission.js页面,这个页面是做权限判断的,里面有路由守卫,当我们进入这个页面的时候,它会获取我们的路由的title值,从而修改到浏览器标题中。
Request URL:http://localhost:5000/vue-element-admin/user/logout,根据其只要本地缓存中token被删除就会退出登录。所以就不用后台实现退出接口了 ① /src/api/user.js中删除 url: '/vue-element-admin/user/logout'这个代码块。 ② 原生退出请求接口修改,只要删除本地缓存token即可 ...
1 、修改浏览器标签名称: 修改浏览器标签名称在文件:\src\settings.js image.png 2 、修改固定头部Header和侧边栏 Logo: image.png 1)侧边栏文件在:\src\layout\components\Sidebar\index.vue, Sidebar组件中 image.png 2)修改侧边栏Log和标题在文件:src\layout\components\Sidebar\Logo.vue ...
在sass中要改变element-ui某个深层元素(eg:.el-input__inner)或其他深层样式时 需要使用::v-deep指令 .page ::v-deep .el_button{} 注:切记v-deep前必须是双冒号 需要使用/deep/ .el-form { /deep/.el-input__inner { padding-right: 10px; font-size: 16px; width: 360px; height: 72px; }...
github地址:https://github.com/PanJiaChen/vue-element-admin 官方文档:vue-element-admin 好了,下面我们开始。 1.首先我们从github下载源码。然后本地打包运行。 依赖安装:npm install --registry=https://registry.npmmirror.com 运行:npm run dev 可以看到浏览器自动打开了:http://localhost:9527/#/dashboard ...