簡單而不平凡 登陸驗證

2022-06-12 02:27:08 字數 1102 閱讀 9195

近來閒來無聊,隨手寫了一下登陸驗證,挑選了兩種比較方便的方式,奉獻給大家

第一種 vue+localstorage

router.beforeeach((to, from, next) => 

} else

} else

} else

} else

}})

思路:這種方式通過判斷localstorage中是否包含我們指定的token。如果有則是登陸的,如果沒有則是沒有登陸的。

優劣:這種方式不需要vuex,可以直接從if中看到不需要登陸的頁面,但是這種做法,我們有時記不住路由對應的頁面,還要去上面看看,對**的執行也是比第二種更加多,

但是這麼做我們可以更方便的修改哪個頁面是否需要登陸

第二種 vue+vuex

1 import vue from 'vue'

2 import router from 'vue-router'

3 import index from "@/components/index"

45 import page1 from "@/components/page1"

6 import page2 from "@/components/page2"78

910vue.use(router)

11 let router = new

router(

22},

30},38}

39]40})

41 router.beforeeach((to,from,next) =>else

5051 }else

54})

5556

5758

5960 export default router;

思路邏輯:通過meta中needlogin來進行判斷這個頁面是否需要login 在導航守衛中進行判斷 

如果需要登陸的話,那麼我們就去跳轉到登陸頁就好了,如果不需要那麼可以直接去下乙個頁面

優劣:再看路由中可以更方便的看出是否需要登陸,比較直觀,但是我們還要去引入vuex 當然寫到

localstorage也是可以的。但是不管怎麼說雖然直觀,但會增大**的長度。

Ajax簡單客戶登陸驗證

伺服器端操作方便之處我就不吹了,地球人都知道,它最煩莫過於頁面重新整理,頭都被刷暈了,而且他在重新整理的時候,還觸發伺服器端的事件 解決方案 http skylaugh.cnblogs.com archive 2006 06 05 418010.html 現在 ajax的出現,他們的結合是發展的必然...

原 Ajax簡單客戶登陸驗證

伺服器端操作方便之處我就不吹了,地球人都知道,它最煩莫過於頁面重新整理,頭都被刷暈了,而且 他在重新整理的時候,還觸發伺服器端的事件 解決方案 現在ajax的出現,他們的結合是 發展的必然!一 介紹一下ajax在asp.net中的基本使用 1 在工程中引入ajax.dll檔案。ajax.dll實現x...

登陸驗證機制

做過web開發的程式設計師應該對session都比較熟悉,session是一塊儲存在伺服器端的記憶體空間,一般用於儲存使用者的會話資訊。使用者通過使用者名稱和密碼登陸成功之後,伺服器端程式會在伺服器端開闢一塊session記憶體空間並將使用者的資訊存入這塊空間,同時伺服器會 在cookie中寫入乙個...