renren-fast-vue踩坑记录

时间:2024-03-24 14:53:16

前言:

公司要开发新零售产品的项目,决定采用更为流弊的renren-fast(人人开源)框架,官方文档地址:https://www.renren.io/guide

个人之前也没有了解过,网上文档更是少的可怜,不管是谷歌还是论坛上都找不到多少相关信息,废话不多说,先来看看我们前端的框架吧,github地址:https://github.com/daxiongYang/renren-fast-vue

renren-fast-vue踩坑记录

renren-fast-vue踩坑记录

项目开发、部署等都在wiki中有说明(这也是网上唯一能找到的一点文档)

renren-fast-vue踩坑记录

项目也有了,文档也看了,cnpm run build依赖包也安装了,但npm run dev时发现项目都跑不起来 报各种各样的错,接下来我们来分析一下:

renren-fast-vue踩坑记录

解决路径404的方法有两种:

1.使用跨域代理,就像github库wiki里描述的那样

renren-fast-vue踩坑记录

renren-fast-vue踩坑记录

需要注意的时,默认的target地址是不能改的,因为他对应的是renren-fast的后台接口,你要想能正常返回结果查看项目演示,就得用人家这个地址(虽然项目跑起来了,界面也看到了,但对于咱们来说没有任何吊用,看第二种方法)

2.使用mockJs,调用本地模拟数据

renren-fast-vue踩坑记录

值得注意的是,文档上写的是默认开启,但代码中并非全为true,而是false,之所以路径错误,原因就在于此,mockJs本地模拟数据没有开启,收到将对应的代码全改为true,重启项目,一切ok

renren-fast-vue踩坑记录

renren-fast-vue踩坑记录

常见问题:

1.去除ESLint代码校验问题

renren-fast-vue踩坑记录

解决办法:将config/index.js下面的useEslint改为false

renren-fast-vue踩坑记录