Skip to content

renrenio/renren-ui

Repository files navigation

renren-ui


输入图片说明

安装

您需要提前在本地安装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>
<% } %>

如何交流、反馈、参与贡献?

微信交流群

我们提供了微信交流群,扫码下面的二维码,关注【人人开源】公众号,回复【加群】,即可根据提示加入微信群!

输入图片说明