cari

Rumah  >  Soal Jawab  >  teks badan

angular.js - Bagaimana untuk menentukan status log masuk pengguna semasa dalam aplikasi satu halaman dengan bahagian hadapan dan belakang yang berasingan?

Terdapat URL aplikasi satu halaman seperti http://cctv.com/!#/car/list Saya hanya boleh mengakses URL ini apabila saya log masuk. Jika saya tidak log masuk, saya perlu melompat ke halaman log masuk.

Pada masa lalu, jika anda meminta url ke bahagian belakang, bahagian belakang akan menentukan sama ada pengguna semasa dilog masuk. Tetapi sekarang ia adalah aplikasi satu halaman, tidak perlu meminta kepada bahagian belakang dalam kes aplikasi satu halaman, bagaimana untuk mengendalikan sama ada pengguna telah log masuk Bagaimana dengan status log masuk?

给我你的怀抱给我你的怀抱2778 hari yang lalu1003

membalas semua(9)saya akan balas

  • 给我你的怀抱

    给我你的怀抱2017-05-15 17:11:32

    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 ;
      }
      //是否异步检测
      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)}`);
    }
    

    Dengar perubahan url dan semak status log masuk jika ia tidak log masuk log keluar.
    Semak status log masukurl 变化,如果不是login logout 就检查登录状态。
    检查登录状态

    1. 检查js变量,没有登录就直接跳登录页

    2. 如果js变量已经登录,就判断一下是否需要异步检测 不需要检测就结束(比如上次检测是在60秒内)。

    3. 如果需要异步检测,就异步检测是否登录,如果成功 刷新一下lastcheck

        Semak pembolehubah js dan lompat terus ke halaman log masuk tanpa log masuk
      1. Jika pembolehubah js telah dilog masuk, tentukan sama ada pengesanan tak segerak diperlukan dan tamatkan jika tiada pengesanan diperlukan (contohnya, pengesanan terakhir dalam masa 60 saat).
      🎜 🎜🎜Jika pengesanan tak segerak diperlukan, semak sama ada untuk log masuk tidak segerak Jika berjaya, muat semula masa lastcheck. 🎜🎜 🎜🎜Jika anda mengesan bahawa anda tidak log masuk, lompat terus ke halaman log masuk🎜🎜 🎜

      balas
      0
  • 伊谢尔伦

    伊谢尔伦2017-05-15 17:11:32

    Selepas log masuk, api bahagian belakang memberikan token, bahagian hadapan menyimpan token dan lulus token jika anda perlu log masuk untuk akses. Penghalaan bahagian hadapan menentukan sama ada terdapat token, dan jika tidak, log masuk. Selain itu, bahagian hadapan mempunyai pengendalian ralat untuk API interaktif tak segerak Sebagai contoh, kod ralat bahagian belakang menunjukkan bahawa token telah tamat tempoh mengosongkan token sebelumnya dan beralih kepada log masuk.

    balas
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-15 17:11:32

    Amalan biasa sekarang ialah bahagian hadapan menghantar nama pengguna dan kata laluan ke bahagian belakang melalui API Sama ada untuk kekal log masuk, bahagian belakang menetapkan kuki, dan bahagian hadapan tidak perlu melakukan apa-apa

    .

    balas
    0
  • 天蓬老师

    天蓬老师2017-05-15 17:11:32

    Menyimpan status log masuk melalui localStrange, tetapi tiada keselamatan langsung

    balas
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-15 17:11:32

    Status log masuk disimpan dalam kuki di bahagian belakang. Anda tidak perlu memikirkannya.

    balas
    0
  • PHP中文网

    PHP中文网2017-05-15 17:11:32

    Biar saja latar belakang menetapkan kuki.

    Selepas menetapkan kuki di latar belakang, pengepala akan dibawa secara automatik apabila bahagian hadapan membuat permintaan.

    Kemudian bersetuju dengan kod status Apabila permintaan mengembalikan kod status tertentu, ia akan melompat ke halaman log masuk.

    balas
    0
  • phpcn_u1582

    phpcn_u15822017-05-15 17:11:32

    Tidak kira apa keadaan sekalipun, bahagian hadapan tidak tahu siapa pengguna atau sama ada pengguna itu log masuk. Jadi siapa tahu? bahagian belakang!

    Jadi, anda hanya perlu memberikan maklumat status log masuk yang bahagian belakang berikan anda setiap kali dan biarkan bahagian belakang mengesahkannya.

    1 Anda boleh menyimpannya dalam kuki dan menghantarnya keluar setiap kali anda memintanya. Sudah tentu, ini boleh menjadi telus kepada anda, biarkan bahagian belakang menanam kuki, dan tetapkannya kepada http sahaja.

    2. Kerana ia adalah satu halaman, ia juga boleh disimpan dalam pembolehubah global dalam ingatan.

    3 Anda boleh menyimpan token itu sendiri dan membawanya secara manual setiap kali anda menghantar permintaan.

    balas
    0
  • 某草草

    某草草2017-05-15 17:11:32

    Ia bergantung pada cara bahagian belakang anda menyokongnya kedua-dua kaedah token dan kuki boleh diterima

    balas
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-15 17:11:32

    loopback+vue+vue-resource, templat pemisahan bahagian hadapan dan belakang, fungsi halaman halaman vue, mengesahkan kawalan kebenaran, mekanisme accesstoken, bukti kelayakan, CI, docker

    https://github.com/qxl1231/ge...

    Lihat sahaja contoh projek saya untuk mengetahui Set penyelesaian yang lengkap

    balas
    0
  • Batalbalas