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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2684 天前的主题，其中的信息可能已经有所发展或是发生改变。

项目简介（ 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 ）

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

mobile apk

截图演示（ 3/4 ）

导航页面

nav-page

文章页面

art-page

分类页面

tag-page

用户和主题页面

use-page

踩坑（ 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; # 添加响应头

gzip

页面

V2EX

Nginx

13 条回复 • 2017-08-22 15:42:17 +08:00

Smirn0ff

2017-08-22 12:19:04 +08:00

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

bw2

2017-08-22 12:23:42 +08:00

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

bw2

2017-08-22 12:24:15 +08:00

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

voocel

2017-08-22 14:13:58 +08:00

支持一下

webster

2017-08-22 14:20:26 +08:00

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

Kilerd

2017-08-22 14:55:26 +08:00 via iPhone

你觉得这界面好看吗？

Marfal

2017-08-22 14:57:45 +08:00

Windows 低分屏录 GIF 看的我想吐

deepkolos

2017-08-22 15:02:20 +08:00

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

http://weibao.deepkolos.cn/

bw2

2017-08-22 15:04:59 +08:00

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

bw2

2017-08-22 15:06:18 +08:00

@deepkolos 挺好的，开源吗

Ultraman

2017-08-22 15:08:21 +08:00

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

deepkolos

2017-08-22 15:11:38 +08:00

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

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

bw2

2017-08-22 15:42:17 +08:00

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

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

```

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

```

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

目录

项目简介（ 1/4 ）

在线演示（ 2/4 ）

截图演示（ 3/4 ）

导航页面

文章页面

分类页面

用户和主题页面

踩坑（ 4/4 ）

支持 IE

通过 Nginx 配置路由

开启 Gzip