簡單使用者管理系統(P 13)

2021-09-11 16:47:24 字數 1159 閱讀 1703

cd 到client 中安裝jwt-decodecnpm install jwt-decode安裝好了

那麼你在登陸頁直接可以解析token

現在可以將解析的東西放在vuex

那麼你需要在store.js中儲存這個資訊,但是我現在沒有看懂

import vue from 'vue'

import vuex from 'vuex'

vue.use(vuex)

const types = ;

const state =

};// 獲取狀態資訊

const getters = ;

// 更改狀態資訊

const mutations = else

},[types.set_user](state, user) else ;}}

};// 非同步操作的actions

const actions = , isauthenticated) => ,

setuser: (, user) =>

};export default new vuex.store()

解析token,然後儲存

···// 解析token

const decoded = jwt_decode(token);

// console.log(decoded);

// token 解析儲存到vuex中

this.$store.dispatch("setauthenticated", !this.isempty(decoded)); // 空的時候取反

簡單使用者管理系統(P 10)

常規的位址 餓了麼文件 接下來建立乙個register.vue頁面 模板直接拷貝了,需要乙個div,然後可以去檢視element的form表單文件,rules是驗證表單的規則,label wdith是表單的顯示label的寬度,model是繫結的資料來源,都是el的屬性,具體內容詳看el文件 後台管...

簡單使用者管理系統(P 06)

router.post login req,res then user 密碼匹配 bcrypt.compare uobj.password,user.password then ismatch else npm install jsonwebtokenjwt.sign 規則 加密名字 過期時間 箭頭...

簡單使用者登入系統

view1 1.登入 2.註冊 3.退出 islogin false users 加密def code pwd li pwd list pwd li pwd2 li pwd 1 code pwd for i in range len pwd return code pwd 登入def login i...