yangsumeng / renren-fast-vue

renren-fast-vue基于vue、element-ui构建开发，实现renren-fast后台管理前端功能，提供一套更优的前端解决方案。

renren-fast

• 一个轻量级的Java快速开发平台，能快速开发项目并交付【接私活利器】
• 友好的代码结构及注释，便于阅读及二次开发
• 完善的XSS防范及脚本过滤，彻底杜绝XSS攻击
• 实现前后端分离，通过token进行数据交互
• 后台Git地址：gitee.com/renrenio/renren-fast

renren-fast-vue

• renren-fast-vue基于vue、element-ui构建开发，实现renren-fast后台管理前端功能，提供一套更优的前端解决方案
• 前后端分离，通过token进行数据交互，可独立部署
• 发布时，支持动态配置CDN静态资源／切换新旧版本
• 演示地址：fast.demo.renren.io (账号密码：admin/admin)

开发

无法正常预览项目效果时，请先检查是否正常安装依赖，再查看启动服务是否存在报错

# 克隆项目
git clone https://github.com/daxiongYang/renren-fast-vue.git

# 安装依赖(优先使用)
npm install
# 安装依赖(下载较慢时使用)
npm install --registry=https://registry.npm.taobao.org

#上述2种【安装依赖】无法正常时，请尝试删除node_modules文件夹后，使用cnpm安装
# 第一步
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 第二步
cnpm install

# 启动服务
npm run dev

• 开发时，如何连接后台项目api接口？

修改renren-fast-vue/static/config/index.js目录文件中window.SITE_CONFIG.baseUrl = '本地api接口请求地址'

• 开发时，如何解决跨域？

1. 修改renren-fast-vue/config/dev.env.js目录文件中OPEN_PROXY: true开启代理
2. 修改renren-fast-vue/config/index.js目录文件中proxyTable对象target: '代理api接口请求地址'
3. 重启本地服务

• 开发时，如何提前配置CDN静态资源？

修改renren-fast-vue/static/config/index-[qa/uat/prod].js目录文件中window.SITE_CONFIG.cdnUrl = '静态资源cdn地址' + window.SITE_CONFIG.staticFileName

发布

构建生成的资源文件保存在renren-fast-vue/dist目录下，可通过config/index.js目录文件修改相关配置信息

# 构建生产环境(默认)
npm run build

# 构建测试环境
npm run build --qa

# 构建验收环境
npm run build --uat

# 构建生产环境
npm run build --prod

• 构建生成后，发布需要上传哪些文件？

renren-fast-vue/dist目录下：180307（静态资源，由当前日期动态生成文件夹名）、config（配置文件）、index.html

• 构建生成后，如何动态配置CDN静态资源？

修改renren-fast-vue/dist/config/index.js目录文件中window.SITE_CONFIG.cdnUrl = '静态资源cdn地址' + window.SITE_CONFIG.staticFileName

• 构建生成后，如何动态切换新旧版本？

修改renren-fast-vue/dist/config/index.js目录文件中window.SITE_CONFIG.staticFileName = '180307（静态资源文件夹名称）'

其他

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test