React 版 V2EX 社区（ react & react-router & axios & antd ui）

[bw2]

目录

• 项目简介
• 在线演示
• 截图演示
• 踩坑

项目简介（ 1/4 ）

• 项目使用 React、Reac-router、Axios、ANTD UI 进行开发
• 项目兼容移动端
• 使用 Nginx 代理 V2EX API 并支持 CORS 跨域
• 另外还写过一个 Vue 版 V2EX 项目，v2ex-vue： https://x.bw2.me/#/
• 以及 nodejs 聊天室，nchat： http://y.bw2.me:8086
• 找工作，北京。联系方式：YmVyZ3doaXRlc0BnbWFpbC5jb20=
• 觉得对你有帮助的话，欢迎给个 star，谢谢

在线演示（ 2/4 ）

• 点击进入
• 另外还用 cordova 打包成了安卓 APK

第一个二维码是移动端页面，第二个二维码是 apk 的下载地址

截图演示（ 3/4 ）

导航页面

文章页面

分类页面

用户和主题页面

踩坑（ 4/4 ）

支持 IE

在 IE 中的报错，TypeError: 对象不支持“ startsWith ”属性或方法，通过添加 babel-polyfill 解决

import babel-polyfill for IE9+

通过 Nginx 配置路由

直接访问二级路由会 404，通过 nginx 把页面定向到 inedx.html，让 react-router 接管页面路由

location / {
  try_files $uri /index.html
}

开启 Gzip

页面访问速度过慢，于是开启 Gzip 对数据压缩传输

gzip on; # 开启 Gzip
gzip_comp_level 6; # 级别为 1-9，9 是最高的压缩比
gzip_types *; # 压缩所有类型文件
gzip_vary on; # 添加响应头

[Smirn0ff]

大家用了这长时间把 V2 改成怎么样，看楼主的风格有给该回去了！这是在红酒里兑雪碧吗？

[bw2]

Github: https://github.com/bergwhite/v2ex-react

[bw2]

@Smirn0ff 有吗，我不知道以前是什么样...

[voocel]

支持一下

[webster]

看了下 感觉眼睛疼哈哈
不过我猜楼主为了找工作 猜对没

[Kilerd]

你觉得这界面好看吗？

[Marfal]

Windows 低分屏录 GIF 看的我想吐

[deepkolos]

我也来刷刷自己做的东西, 可以点击菜单 , 然后按返回按钮~

http://weibao.deepkolos.cn/

[bw2]

@voocel 谢谢
@webster 确实啊，是不是字体太小了...
@Kilerd 不，不好看...
@Marfal 为了减少 gif 大小，录的是 15 帧 /s

[bw2]

@deepkolos 挺好的，开源吗

[Ultraman]

加个折叠功能吧 主题长的帖子滚起来很操蛋。。。

[deepkolos]

@bw2 开源 https://github.com/deepkolos/app_container , 不过自己写得框架 , 那个, 路过看看 star 就好, 里面的代码结构化程度不高~~

那个, 简书可以传 5mb 的图片~ 可以把分辨率,fps 都弄高一些的

[bw2]

@vcinex 好的，这就去加
@deepkolos 界面很美，已 start。好的，我看看分辨率能不能调高点。

另外，在线 demo 基本挂了...超过 120 次限制了...

```

{
"status": "error",
"message": "Rate Limit Exceeded",
"rate_limit": {
"used": 120,
"hourly_quota": 120,
"hourly_remaining": 0
}
}

```