loverandy/vue-cli3.0-vueadmin

基于vue-cli3.0+vue+elementUI+vuex+axios+权限管理的后台管理系统

vue-admin-permission

项目基于vue-cli3.0进行搭建，并使用了vue全家桶vue vuex axios vue-router elementui，增加了按钮级别的权限控制

线上预览地址

React版本请移步

VUE3版本请移步

脚手架版本:

*vue-cli-3.0

用到vue相关的生态链模块:

• vue
• vue-router
• vuex
• axios

项目要点

• 路由懒加载
• 根据权限生成动态路由
• 全局数据请求拦截处理及loading
• 多个代理配置
• 抽离第三方库文件dll

项目启动步骤

1. 安装包（这里需要使用npm进行安装，如果用cnpm或者yarn会有热更新失效的问题） npm install
2. 开发运行 npm run serve:randy
3. 生产打包 npm run dll (仅需运行一次) npm run build

项目分析

npm run analyze

温馨提示

在新增vue页面的时候，热更新可能会失效，重启一下项目

个人博客系统:www.randy168.com

vue-cli3.0-vueadmin's Issues

您好！请问可以分享一下数据库吗？

想在自己的项目里使用类似您权限管理的方案，但是对权限管理部分的表结构不是很清楚，请问作者可以分享一下数据库吗？

有人知道本地login请求怎么返回的token么 写在哪里了呢

有人知道本地login请求怎么返回的token么 写在哪里了呢

I'm a fan of yours.

封装axios时,关于路由跳转login，可以有更好的优化

在你的src/config/httpConfig.js中，关于超时等状态码判断时，如非200状态码，看跳转到login路由。 您的代码思路没有问题，通过页面刷新和main.js中的路由守卫来判断； 但是呢，页面会有一个重新加载的问题，也是页面抖动。

优化方案： 在httpConfig.js中引入router路由，因此httpConfig.js属于工具类，无法直接应用router。 可在main.js中，把route 直接挂在到window对象上。vue-cli3 底层已经不是单例模式，所以这种改动的弊端是多页面入口时，不适用。 单页面时，路由跳转将会非常顺畅，无需加载抖动

线上项目没备案，上不去啊

组件缺失

首先非常感谢您分享这个项目，我这边在本地查看的时候，发现少了一个tagsView组件，你这边方便开放出来吗？

登录没法用

http://193.112.153.155:3001 不通

不考虑用svgIcon吗

我自己测试了下是可以使用的，参考这里配置的PanJiaChen/vue-element-admin#980 (comment)

npm install警告

found 66 vulnerabilities (64 low, 2 moderate)
run npm audit fix to fix them, or npm audit for details

一直没搞懂你的项目上的 babel 支持ES7的 await async 等 在vue-cli3上面具体怎么配置出来的

你好！很急 代码没有tabs组件 能更新一下吗 😔

一直loading啊 疯了

Es6中变量解构赋值不成功

        let a = 1,
        b = 2
        [a, b] = [b, a];
        [a, b] = [b, a];
        console.log(a, b);// 2 2

在vue Cli2.0中这样的写法打印出 2 1 ，但是在vue cli3.0中解构赋值失败

作者你好

我最近在架构一个项目，由于本人是后台开发，对前端不是精通，所以想找一个开源前端来用用，几天下来我发现你的项目是最适合新人上手的，所以我准备把你的项目用于我的项目。

代码没更新吧 上面tabs组件 代码里确实面包屑

新版本怎么修改成自己服务后台API接口的地址?

看了之前的问题，说改成自己的API接口地址可以改request.js，新版本去除了这个
请问新的版本，登录请求数据等，如何修改成自己服务后台API接口的地址?

我想知道明明没有后端 却有可以请求api是怎么做到了，不是问题，是疑问，求好心人回答

我想知道明明没有后端 却有可以请求api是怎么做到了，不是问题，是疑问，求好心人回答

一直处于loading状态

\\\\\

• Local: http://localhost:8080/
• Network: http://localhost:8080/

Note that the development build is not optimized.
To create a production build, run yarn build.

Proxy error: Could not proxy request /user/info from localhost:8080 to https://xxx.xxx.com/.
See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNRESET).

。。。

只能改页面，不能加页面

node版本是多少呀

想请问下作者node的版本是多少

接口是怎么搞的

登录不上,

登录500

怎么修改成自己服务后台API接口的地址啊？

程序build ,放到web服务器后 运行为http://xxx.xxx:8099/, POST登录 http://xxx.xxx:8099/user/login , 但是API接口并不是8099,如何配置成非8099的API接口呢？vue新人一枚

感谢

谢谢作者啦

作者好人,新项目就用你的改改吧.多租户权限,任重而道远啊

....

有没有交流群，小白代码看不懂呢

大神，你的代码运行了和线上的项目不一样呀？

能给我一个线上地址的代码吗

触发的接口很多参数不全

axios可否支持下模拟表单提交

后端部分接口需要用form形式提交

这个项目下载到本地打开后，和线上版本看到的有出入，本地版本缺失标签页切换功能，有时间能更新下没有缺失标签页版本的项目吗？

线上地址有多标签页，但是更新的代码跑起来没有哦？