React 版 V2EX 社區(qū)（ react & react-router & ax

VincentFF 發(fā)布于2019-08-21 12:04 / 1365人閱讀

摘要：目錄項目簡介在線演示截圖演示踩坑項目簡介項目使用進行開發(fā)項目兼容移動端使用代理并支持跨域另外還寫過一個版項目，以及聊天室，找工作，北京。

項目簡介

在線演示

截圖演示

踩坑

項目簡介（1/4）

項目使用React、Reac-router、Axios、ANTD UI進行開發(fā)

項目兼容移動端

使用Nginx代理V2EX API并支持CORS跨域

另外還寫過一個Vue版V2EX項目，v2ex-vue：https://x.bw2.me/#/

以及nodejs聊天室，nchat：http://y.bw2.me:8086

找工作，北京。聯(lián)系方式：YmVyZ3doaXRlc0BnbWFpbC5jb20=

覺得對你有幫助的話，歡迎給個star，謝謝

在線演示（2/4）

點擊進入

另外還用cordova打包成了安卓APK

第一個二維碼是移動端頁面，第二個二維碼是apk的下載地址

截圖演示（3/4） 導(dǎo)航頁面

文章頁面

分類頁面

用戶和主題頁面

踩坑（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對數(shù)據(jù)壓縮傳輸

gzip on; # 開啟Gzip
gzip_comp_level 6; # 級別為1-9，9是最高的壓縮比
gzip_types *; # 壓縮所有類型文件
gzip_vary on; # 添加響應(yīng)頭

GPU云服務(wù)器云服務(wù)器 react-router react-router4 React版Mung React-Native版Mung

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87423.html

相關(guān)文章

解析ahooks整體架構(gòu)及React工具庫源碼

　這是講 ahooks 源碼的第一篇文章，簡要就是以下幾點：　　加深對 React hooks 的理解?！　W(xué)習(xí)如何抽象自定義 hooks。構(gòu)建屬于自己的 React hooks 工具庫?！　∨囵B(yǎng)閱讀學(xué)習(xí)源碼的習(xí)慣，工具庫是一個對源碼閱讀不錯的選擇?！　∽ⅲ罕鞠盗袑?ahooks 的源碼解析是基于v3.3.13。自己 folk 了一份源碼，主要是對源碼做了一些解讀，可見詳情?！　〉谝黄饕榻B a...

3403771864 2022-11-06 18:34 評論0 收藏0
前端資源系列（4）-前端學(xué)習(xí)資源分享&amp;前端面試資源匯總

摘要：特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進步。特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會及時更新，平時業(yè)務(wù)工作時也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0
一篇文章讀懂 React &amp; redux 前端開發(fā)

摘要：如在中在中，聚合積累的結(jié)果是當前的對象。被稱為副作用，在我們的應(yīng)用中，最常見的就是異步操作。至于為什么我們這么糾結(jié)于純函數(shù)，如果你想了解更多可以閱讀，或者它的中文譯本函數(shù)式編程指南。 DvaJS： React and redux based, lightweight and elm-style framework. https://dvajs.com/ 實例項目源碼：https://g...

cppowboy 2019-08-23 13:11 評論0 收藏0
微前端 —— menu&amp;&amp;project1（React）

摘要：前言微前端理論篇微前端項目上一篇中，我們完成了項目的搭建，算是完成了整個微前端架構(gòu)的一半工程了。項目項目是作為頁面的菜單顯示的，主要用于路由的控制。源碼地址源碼地址項目源碼地址微前端理論篇微前端項目微前端項目前言 ????????微前端 —— 理論篇????????微前端 —— portal項目????????上一篇中，我們完成了portal項目的搭建，算是完成了整個微前端架構(gòu)的一半...

Euphoria 2019-08-26 10:32 評論0 收藏0
看完React文檔后，重寫了下CnodeJS社區(qū)，感覺看上去還不錯

摘要：歡迎一個的初中級練習(xí)項目重構(gòu)社區(qū)這里簡述下我學(xué)習(xí)的方式看了一邊文檔，把主要概念全部看完，高級指引里的根據(jù)個人興趣挑了一些看了看。 Github DEMO 歡迎Star 一個 React 的初/中級練習(xí)項目：重構(gòu) CnodeJS 社區(qū) showImg(https://segmentfault.com/img/remote/1460000017255931); 這里簡述下我學(xué)習(xí) R...

raise_yang 2019-08-23 13:52 評論0 收藏0