前後端分離後，前端怎樣判斷使用者是否已登入？有哪些方式？

方法一：

登入成功後，後端返回一個 cookie，根據這個 cookie 的有無來判斷；退出登入時，後端會刪除這個 cookie；

方法二：

登入成功後，前端設定 cookie，比如’isLogin = true’，根據isLogin的值去判斷；退出登入時刪除 cookieisLogin 或設定 ‘isLogin = false’。

方法三：

前臺傳送登入請求
後臺返回 token，前臺得到後臺返回的 token，將其寫入到 localStorage 中，後續請求中都攜帶 token
後臺判斷 token 是否過期，如果過期就對前臺的請求響應過期標識或者狀態碼
前臺得到過期標識後，清除 localStorage 中的 token，然後重定向到 login 路由

三泰虎哥(https://www.santaihuge.com)為您提供最新三泰虎網友原創美女視訊、老司機漫畫、搞笑內涵gif動態圖片,每日定時更新，給您帶來更多快樂!

原文地址：https://www.santaihuge.com/sitemap.txt https://www.santaihuge.com/sitemap.html

localStorage類似於cookie,解決了cookie儲存空間不足的問題,儲存在本地。
以下例子為判斷使用者是否登入，未登入則跳轉到登入介面

*@todo 模擬登入
     * 判斷初次登入時，跳轉到登入頁
     */
    var login = localStorage.getItem('login');
    $(
 
'.loginout').click(function () {
        login = 0;
        localStorage.setItem('login', login);
    });
    $('.loginin').click(function () {
        login = 1;
        localStorage.setItem('login', login);
    });

// 驗證是否登入
        $(function () {
        //JavaScript JSON.parse()方法用於將一個 JSON 字串轉換為物件。
 

            var login = JSON.parse(localStorage.getItem("login"));
            if (login) {
                if (login == 0) {
                    layer.msg('請先登入！', {icon: 4, time: 500}, function () {
                        window.location.href = 'index';
                        return false;
                    });

                } else {
                    return false;
                }
            } else {
                layer.msg('請先登入！', {icon: 4, time: 500}, function () {
                    window.location.href = 'index';
                    return false;
                });

                return false;
            }
        });