در قسمت قبل توانستیم با موفقیت توکن امینیتی را از firebase دریافت کرده و سپس آن را با vuex ذخیره کنیم اما هنوز هیچ کار دیگری با آن نمی کنیم. باید از خودمان بپرسیم که این توکن اصلا برای چه کاری است؟ درست است! این توکن باید به درخواست هایی متصل شود که به سمت منابع محافظت شده می روند. منظور از منابع محافظت شده، هر چیزی در اینترنت است که برای دسترسی به آن نیاز به مجوز داشته باشیم، حالا این مجوز چه به صورت توکن امنیتی باشد، چه به صورت رمز عبور و ایمیل و چه به هر صورت دیگری باشد. در حال حاضر برنامه ی ما در صفحه ی dashboard اطلاعات کاربران را از پایگاه داده ی firebase می گیرد که از منابع محافظت شده هستند (Firebase از ما توکن می خواهد و گرنه قادر به خواندن اطلاعات (read) نخواهیم بود). درخواست GET ما برای دریافت داده های کاربران در فایل dashboard.vue به شکل زیر است. اما هیچ توکنی به این درخواست متصل نشده است. در قدم اول دوست دارم که این درخواست Axios را به یک action در فایل Store.js منتقل کنیم بنابراین باید آن را کات کرده و به فایل store.js برویم:
پنل نویسندگان