در جلسه ی قبل منطق نسبتا ساده ای را برای logout کردن خودکار کاربران ایجاد کردیم تا پس از منقضی شدن توکن امنیتی، کاربر از حساب کاربری اش بیرون انداخته شود. در این قسمت می خواهیم این کار را برای login انجام بدهیم. مسئله اینجاست که login بودن کاربر در حال حاضر در vuex (مدیریت state) ذخیره می شود و vuex نیز چیزی جز جاوا اسکریپت نیست بنابراین مانند تمام کد های جاوا اسکریپت دیگر، با refresh شدن صفحه از کار می افتد. با این حساب راه حل ما استفاده از چیزی است که با refresh مرورگر حذف نشود: localStorage. باید در همین ابتدا تاکید کنم که localStorage ربطی به Vue ندارد و یکی از API های ساده ی خود مرورگر است. بنابراین می توانیم به فایل store.js رفته و در قسمت signup بگوییم. همانطور که مشاهده می کنید به راحتی به localStorage دسترسی داریم و می توانیم متد SetItem را روی آن صدا بزنیم. آرگومان اول setItem یک نام برای مقداری است که باید در مرورگر ذخیره شود بنابراین هر نامی را که دوست دارید به صورت یک رشته به آن بدهید (من Token را انتخاب کرده ام). مقدار دیگری که به آن نیاز داریم، expiresIn است و همانطور که در جلسه ی قبل گفتم 3600 ثانیه می باشد اما کد بالا برای ذخیره ی آن کاملا غلط است!
پنل نویسندگان