İçeriğe geç

Nuxt.js Projesinde Token Süresi Bitince Kullanıcı Giriş Sayfasına Nasıl Yönlendirilir?

Nuxt.js ile proje geliştirirken backend tarafını eğer bir API ile geliştirdiysek ve ona uygun şekilde nuxt.config.js içinde gerkeli değişikliği yaptıysak Axios ile otomatik yetkilendirilmiş request gönderebiliyoruz. Eğer yetkilendirme işleminin üstünden bir miktar zaman geçtiyse ve elimizdeki token’ın backend tarafındaki kullanım süresi dolduysa sunucu tarafından 401 Unauthorized cevabı döner. Bu durumda nasıl bir işlem yapılacağı yazılımcının kararına kalmıştır. İsterse öylece hatalı şekilde bırakır (ve sonrasında kovulur :)) isterse de hata çıkmaması için ve başka sıkıntılara yol açmaması için gerekli önlemi alır.

Ben küçük projelerimde eğer backend tarafından 401 cevabı gelirse aşağıdaki kod ile oturumunu sonlandırıp giriş sayfasına yönlendiriyorum. Küçük projelerinizde siz de aynı işlemleri yapabilir veya geliştirip daha kaliteli bir çözüm uygulayabilirsiniz.

Bunun için plugins klasöründe Axios.js adında bir dosya oluşturun. Ardından nuxt.config.js içindeki plugins dizisine aşağıdaki gibi ekleme yapın.

Axios.js içeriğine bu kodları ekleyin.

Not: Mesaj vermek için Sweet Alert paketini kullanıyor. Hata vermemesi için ya gerekli bağımlılığı ekleyin ya da farklı bir şekilde mesaj verin.

Kod çok basit ama küçük projeler için yeterli durumda.

 

Herhangi bir sorunuz olursa yorum yoluyla ulaşabilirsiniz.

Faydalı olması dileğiyle..

Tarih:JavascriptNuxtWeb Programlama

2 Yorum

  1. Güzel yazınız için teşekkürler. İşimi fazlasıyla gördü. Sağlıcakla kalın…

    • İşinize yaramasına sevindim. Siz de sağlıcakla kalın..

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

fourteen + five =