大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本篇内容介绍了“基于vue-element-admin怎么实现前后端分离”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
创新互联致力于互联网品牌建设与网络营销,包括成都网站制作、做网站、SEO优化、网络推广、整站优化营销策划推广、电子商务、移动互联网营销等。创新互联为不同类型的客户提供良好的互联网应用定制及解决方案,创新互联核心团队10年专注互联网开发,积累了丰富的网站经验,为广大企业客户提供一站式企业网站建设服务,在网站建设行业内树立了良好口碑。
本项目 skeleton-admin 基于vue-element-admin 的前后端分离的后端项目。后端项目skeleton 是 hyperf 做的一个拥有 用户管理, 权限管理,角色管理,菜单管理,权限验证,用户认证(jwt)的基本后台骨架系统。所以本项目skeleton-admin 需要配合 skeleton 一起使用更合适。
你需要在本地安装 node 和 git。本项目技术栈基于 ES2015+、vue、vuex、vue-router 、vue-cli 、axios 和 element-ui,所有的请求数据都使用Mock.js进行模拟,提前了解和学习这些知识会对使用本项目有很大的帮助。
- 登录 / 注销 - 权限 - 权限添加 - 权限删除 - 权限修改 - 角色授权 - 角色 - 角色添加 - 角色删除 - 角色修改 - 用户角色 - 用户管理 - 用户添加 - 用户删除 - 用户信息修改 - 用户密码修改 - 菜单 - 菜单添加 - 菜单删除 - 菜单修改 - 角色菜单 - token 登录认证 - 多环境发布 - dev - sit - stage - prod
# 克隆项目 git clone https://github.com/anziguoer/skeleton-admin.git # 进入项目目录 cd skeleton-admin # 安装依赖 npm install # 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.org # 编辑后端接口地址: .env.development / base api VUE_APP_BASE_API = 'http://localhost:9501/backend' # 启动服务 npm run dev
浏览器访问 http://localhost:9527
账户: admin@admin.com 密码: admin123
# 构建测试环境 npm run build:stage # 构建生产环境 npm run build:prod
# 预览发布环境效果 npm run preview # 预览发布环境效果 + 静态资源分析 npm run preview -- --report # 代码格式检查 npm run lint # 代码格式检查并自动修复 npm run lint -- --fix
“基于vue-element-admin怎么实现前后端分离”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!