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

目录

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

项目简介(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; # 添加响应头

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...