目录
- 项目简介
- 在线演示
- 截图演示
- 踩坑
项目简介( 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 的下载地址

截图演示( 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; # 添加响应头