国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

社群

學(xué)習(xí)

工具庫(kù)

AI工具

休閒

繁體中文

angular.js - 前後端分離的單頁(yè)應(yīng)用程式如何來判斷目前使用者的登入狀態(tài)？

給我你的懷抱 2017-05-15 17:09:32

1121

有個(gè)單頁(yè)應(yīng)用的url例如http://cctv.com/!#/car/list,只有在登入的情況下，我才可以去訪問這個(gè)url，如果不是登入狀態(tài)，則要跳到登入頁(yè)面。

以前的話，請(qǐng)求url到後臺(tái)，後臺(tái)會(huì)判斷下當(dāng)前用戶是否登錄，但是現(xiàn)在做成單頁(yè)應(yīng)用了，也不需要請(qǐng)求到後臺(tái)了，那麼在單頁(yè)應(yīng)用的情況下如何來處理用戶是否已經(jīng)登錄了的狀態(tài)呢？

給我你的懷抱

全部回覆(9)

給我你的懷抱2017-05-15 17:11:32 9樓

history.listen(location => {
  const pathname = location.pathname;
  if (pathname !== '/login' && pathname !== '/logout') {
    dispatch({
      type: 'check',
      payload: pathname
    });
  }else if(pathname === '/logout'){
    dispatch({
      type: 'logout',
      payload: pathname
    });
  }
});

*check({ payload }, { select, call, put }) {
  const { isLogin, lastCheck, interval } = yield select( ({ auth }) => auth);
  const now = (new Date()).getTime();
  yield put({
    type: 'authRedirect',
    payload,
  })
  if (!isLogin){
    yield put(routerRedux.push('/login'));
    return ;
  }
  //是否異步檢測(cè)
  if (!interval || (now - lastCheck) < interval  ){
    return;
  }
  const { data, err } = yield call(fresh);
  if (data && data.status==0) {
    yield put({
      type: 'freshSuccess',
      payload: data.data,
    });
    return ;
  }
  yield put(routerRedux.push('/login'));
}

// fresh login status
export async function fresh(params) {
  return request(`/api/auth/fresh?${qs.stringify(params)}`);
}

監(jiān)聽 url 變化，如果不是login logout 就檢查登入狀態(tài)。
檢查登入狀態(tài)

檢查js變量，沒有登入就直接跳登入頁(yè)
如果js變數(shù)已經(jīng)登錄，就判斷一下是否需要非同步偵測(cè) 不需要偵測(cè)就結(jié)束(例如上次偵測(cè)是在60秒內(nèi))。
如果需要非同步檢測(cè)，就非同步檢測(cè)是否登錄，如果成功刷新一下lastcheck時(shí)間。
如果偵測(cè)沒有登錄，就直接跳登入頁(yè)

點(diǎn)贊 +0

新增回覆

伊謝爾倫2017-05-15 17:11:32 8樓

登陸後後端api給token，前端儲(chǔ)存token，存取需要登入的傳token過去。前端路由中判斷，是否有token，無就轉(zhuǎn)登入。另外前端有非同步互動(dòng)api的錯(cuò)誤處理，例如後端錯(cuò)誤代碼是token過期了什麼的錯(cuò)誤，前端清除之前token，轉(zhuǎn)登入。

點(diǎn)贊 +0

新增回覆