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）

• 點擊進入
• 另外還用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; # 添加響應頭