- renren-ui基于vue、element-ui构建开发,实现 【renren-security】 后台管理前端功能,提供一套更优的前端解决方案
- 前后端分离,通过token进行数据交互,可独立部署
- 动态菜单,通过菜单管理统一管理访问路由
- 后端地址:https://gitee.com/renrenio/renren-security
- 演示地址:http://demo.open.renren.io/renren-security (账号密码:admin/admin)
您需要提前在本地安装Node.js,版本号为:[12.x、14.x],再使用Git克隆项目或者直接下载项目后,然后通过终端命令行
执行以下命令。
# 切换到项目根目录
# 安装插件
npm install
# 启动项目
npm run serve
如网络不稳定,安装时出错或进度过慢!请移步 cnpm 淘宝镜像进行安装。
启动完成后,会自动打开浏览器访问 http://localhost:8001,如您看到下面的页面代表前端项目
运行成功!因为前后端分离项目,需保证前端项目
和后台项目
分别独立正常运行。
请留意下面的页面,其中验证码
未能正常显示,控制台有API请求
报错信息!这时需检查后台项目
是否正常运行。
提前了解和学习这些知识会对使用本项目有很大的帮助。
├── src
│ ├── assets // 静态资源
│ ├── components // 公共组件
│ ├── element-ui // element样式
│ ├── i18n // 国际化
│ ├── icons // 图标
│ ├── mixins // 混入
│ ├── router // 路由
│ ├── store // 状态管理
│ ├── utils // 工具类
│ ├── views // 业务相关
│ ├── App.vue
│ ├── main.js // 入口
├── ...
├── package-lock.json
├── package.json
└── vue.config.js // vue-cli脚手架配置
如何修改API请求地址?
- 修改
/src/pubilc/index.html
文件中<!-- 开发环境 -->
注释下的window.SITE_CONFIG['apiURL']
变量值。
<!-- 开发环境 -->
<% if (process.env.VUE_APP_NODE_ENV === 'dev') { %>
<script>
window.SITE_CONFIG['apiURL'] = 'http://localhost:8080/renren-admin';
</script>
<% } %>
-
如需关注项目最新动态,请Watch、Star项目,同时也是对项目最好的支持
-
技术讨论、二次开发等咨询、问题和建议,请移步到官方社区,我会在第一时间进行解答和回复!
-
微信扫码并关注【人人开源】,获得项目最新动态及更新提醒
我们提供了微信交流群,扫码下面的二维码,关注【人人开源】公众号,回复【加群】,即可根据提示加入微信群!