一、vue-element-admin git地址 https://github.com/PanJiaChen/vue-element-admin 二、分支 master:主分支,(纯英文) il8n:中英文切换分支 三、npm install 安装报错原因: tui-editor 已更新,故造成错误,修改如下 四、 安装报错处理 1、修改package.json文件 将"tui-editor": "1.3.3" 替换成 "@toast-ui/e...
vue-element-admin 有两个方法可以实现指令级权限控制,一个 checkPermission 方法,一个自定义组件 v-permission。这里先讲 checkPermission 方法。 1、找到前端页面,在需要控制的组件中添加如下代码。这样如果你有新建目录的权限,则能显示此按钮,没有则不显示。 1 v-if="checkPermission('ft:edit_test_case')" 2...
一、去官网下载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.1 找到src下的router.js,代码位置可参考已有页面对应的位置,代码示例: {path:'/sys',component:Layout,redirect:'/sys/user',//如果用户地址栏输入地址/sys则重定向到/sys/useralwaysShow:true,meta:{title:'系统设置',icon:'setting',roles:['admin','editor']},children:[{path:'/sys/user',component:...
1. Vue3-Element-Admin 1 修改title #1 index.html Vue3-Element-Admin #2 菜单栏上logo + title # src/layout/components/Sidebar/Logo.vue Vue3 Element Admin #3 login页面 # src/views/login/index.vue Vue3 Element Admin #4 鼠标移动到浏览器标签上提示title # src/pinia/modules/app.js state: (...
一、修改vue-element-admin并打包 “npm install”安装依赖 “解决vue项目 npm run build 后打开 index.html 空白,不能访问等问题” 将登陆相关请求接口改为静态数据,不请求接口 修改文件:\src\store\modules\user.js 注释掉:Login、GetInfo、LogOut三个方法,替换为如下代码: ...
gitclone https://github.com/PanJiaChen/vue-element-admin.git 克隆之后文档目录如下 3、处理tui-editor依赖报错 找到package.json 去掉 "tui-editor": "1.3.3" 路径:vue-element-admin的根目录 原因:tui-editor(富文本编辑器插件)更名造成的,现在已经改名为toast-ui/editor并且该文件名和方法名都进行可修改,所...
# 克隆项目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 dev...
Request URL:http://localhost:5000/vue-element-admin/user/logout,根据其只要本地缓存中token被删除就会退出登录。所以就不用后台实现退出接口了 ① /src/api/user.js中删除 url: '/vue-element-admin/user/logout'这个代码块。 ② 原生退出请求接口修改,只要删除本地缓存token即可 ...