Bagaimana untuk menggunakan bahagian belakang Node.js dan jsonwebtoken untuk melaksanakan pengesahan kebenaran Vue.js?

Question

Saya sedang belajar vuejs dan nodejs untuk menyediakan pengesahan untuk projek pelajar yang akan datang.

Untuk melakukan ini, saya mencipta API yang membolehkan penciptaan kad aksara yang boleh diklik untuk melihat sejarah watak.

Ia berfungsi dengan baik jadi saya menggodam bahagian pengesahan dan saya berjaya membenarkan penciptaan pengguna dan menyambung yang terakhir dengan jsonwebtoken dan semuanya berfungsi pada bahagian belakang tetapi apabila saya berada di bahagian hadapan saya boleh mengakses aksara apabila pengguna menyambung Tidak berfungsi dan mengembalikan ralat yang saya tulis jika tiada apa-apa yang berfungsi. Saya ingin menyatakan bahawa apabila saya menyambung, token dibuat dengan baik kerana bahagian belakang mengembalikannya dengan baik dengan ID pengguna, tetapi apabila saya sampai ke halaman aksara dan melihat pengepala permintaan, saya tidak melihat "Kebenaran : Tahan Terdapat "token" dan saya tidak tahu sama ada saya perlu melakukan apa-apa lagi di bahagian hadapan selain mendapatkan semula senarai aksara

Saya tertanya-tanya sama ada masalahnya bukan daripada pakej "cors" npm yang saya muat turun dan menulis semula kebenaran pada pengepala permintaan, tetapi tiada apa yang berjaya.

Saya ingin menyatakan bahawa saya menggunakan axios untuk mendapatkan senarai watak saya.

Saya boleh mendapatkan token dalam permintaan log masuk tetapi saya tidak tahu cara menggunakannya untuk membolehkan pengguna mengakses aksara

Ini adalah ralat yang tidak dibenarkan semasa log masuk berfungsi dan mengubah hala ke senarai aksara:

Berikut ialah perisian tengah pengesahan dari bahagian belakang:

Ini adalah laluan saya menggunakan perisian tengah pengesahan:

Maaf jika saya terlepas sesuatu tentang cara menulis soalan yang bagus di sini, saya tidak biasa stackoverflow, jadi jika saya perlu memberikan maklumat yang lebih khusus, sila beritahu saya dalam ulasan

Terima kasih kerana membaca

Answer 1

Anda harus menetapkan pengepala Kebenaran untuk setiap permintaan yang memerlukan pengesahan.

Jika anda menggunakan tika aksios tersuai untuk permintaan anda, anda boleh menggunakan pemintas untuk menentukan pengepala kebenaran, contohnya:

axiosInstance.interceptors.request.use(config => {
  const token = /* your token */;
  if (token) {
    config.headers.Authorization = `Bearer ${token}`;
  }

  return config;
});

Sebagai alternatif, jika anda tidak menggunakan contoh sedemikian, anda boleh menetapkannya kepada:

axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;