近來閒來無聊,隨手寫了一下登陸驗證,挑選了兩種比較方便的方式,奉獻給大家
第一種 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中寫入乙個...