一:本次使用的技術(shù)棧:react(16.4.1)+ react-router(4.3.1)+ axios(0.18)+?antd (3.7.1)
二:由于時(shí)間比較緊以及個(gè)人對(duì)redux不是很熟悉,在第一期項(xiàng)目中沒有使用redux茅逮;
三:?jiǎn)栴}
1.登錄
登錄接的是公司統(tǒng)一的登錄頁(yè)面祖搓,
基本思路:初始化請(qǐng)求數(shù)據(jù)/用戶信息時(shí)候需要根據(jù)后端返回的狀態(tài)碼再次進(jìn)行跳轉(zhuǎn)携丁;
比如服務(wù)端返回302建邓,然后使用window.location.assign(url)崇堵,跳轉(zhuǎn)到登錄頁(yè)面劣纲;
注:如果是接的公司統(tǒng)一的登錄頁(yè)面委刘,這塊服務(wù)端需要處理的比較多把跨,涉及到跨域和多次重定向人弓;(登錄這塊和服務(wù)端同學(xué)溝通一下,再補(bǔ)充一下)
2: react - router?
2.1:關(guān)于404或沒有權(quán)限的路由組件的問題
注意:一些404或者沒有權(quán)限的組件路由要放在最后着逐;
2.2:路由跳轉(zhuǎn)
情景:在一個(gè)頁(yè)面中有一個(gè)鏈接需要跳轉(zhuǎn)到另一個(gè)頁(yè)面中
第一步:定義一個(gè)方法崔赌,然后給需要的標(biāo)簽綁定點(diǎn)擊事件;
第二步:點(diǎn)擊事件
第三步:在跳轉(zhuǎn)到的組件中接收
3.權(quán)限
思路:由于啟動(dòng)項(xiàng)目時(shí)候會(huì)去請(qǐng)求用戶的信息耸别,在這里加載了一個(gè)沒有權(quán)限的組件峰鄙,如果返回300,則顯示該組件太雨,否則顯示app組件吟榴;進(jìn)入到主頁(yè)面后,如果該用戶沒有權(quán)限訪問某個(gè)接口囊扳,則提示他沒有訪問該接口的權(quán)限吩翻。
先寫到這里,有些問題也是自己第一次遇到锥咸,先總結(jié)記錄一下狭瞎,歡迎大家指正。