در قسمت قبل با موفقیت کاربران را ثبت نام کرده و در عملیات sign in، توکن امنیتی را از آن ها دریافت می کردیم. مسئله اینجاست که این توکن امنیتی باید در مرورگر کاربر ذخیره شود تا هر زمانی که درخواستی داشتیم، توکن را نیز به همراه درخواست به سرور ارسال کنیم. در پروژه ی آماده ای که به شما دادم فایلی به نام store.js وجود دارد که فقط کلیت کار را در خود دارد. من در اینجا یک store تعریف کرده ام که طرح کلی یک سیستم state management را به ما نشان می دهد و در فصل vuex مفصلا در مورد تمام آن ها صحبت کرده ایم. اولین خصوصیتی که در State اضافه می کنیم باید همان token باشد که من نامش را idToken می گذارم. سپس باید یک userId نیز داشته باشیم تا id کاربر مشخص شود. همچنین برای action ها حداقل به دو مورد نیاز داریم: یک action برای sign up (ثبت نام) و یک action برای login (ورود به حساب کاربری) بنابراین بدنه ی این دو درخواست را نیز می نویسم: مثل همیشه commit را دریافت کرده ایم ولی به عنوان payload، اطلاعات مربوط به احراز هویت را خواهیم گرفت که من نامشان را authData گذاشته ام. در مرحله ی بعد به فایل signup.vue می رویم. در حال حاضر کد های ارسال درخواست ما با axios و به صورت زیر نوشته شده اند:
پنل نویسندگان