與瀏覽器的儲存方式 Persist Data
在登入login或註冊sing或限制部分畫面顯示，都與瀏覽器的cookie相關，當寫入cookie後，才能讓系統辨識操作者的權限。
常用語法
seessionStorage: 關閉瀏覽器後就消失。localStorage: 需手動刪除才會消失，容量約5mb。
使用的方法大同小異:
- setItem('cookie_name', save_value) (儲存)
- getItem('cookie_name') (取得)
- removeItem('cookie_name') (移除)
- clear() (清除參數)
js
seessionStorage.setItem("userName", name)
seessionStorage.getItem("userName")
seessionStorage.removeItem("userName")
localStorage.clear()
// 轉化為json格式
localStorage.setItem("username", JSON.stringify(value))
參考
放在Pinia/vuex內
js
// store/index.js
...
mutations:{
setToken(state){
if (localStorage.getItem('token')){
state.token=localStorage.getItem('token')
state.auth=true
}else{
state.toke=''
state.auth=false
}
}
},
persist:{
enabled: true,
strategies: [
{
key: 'counter',
storage: process.client ? localStorage : null
}
]
}
...
參考