Postingan lainnya

Help, -- 401 (unauthorized) -- (vuejs, laravel, and passport)

Jadi gini temen - temen, saya lagi belajar yang namanya micro service web. saya bikin back end menggunakan laravel dan front end menggunakan vuejs. nah di back end saya sudah install laravel passport. ketika saya ingin mengambil data dari laravel menggunakan vuejs terjadi error 401 (Unauthorized).

apakah ada yang pernah mengalami error sama seperti ini ?

berikut script saya !

mounted() {
  let token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6IjYzZDc4OWExZjdjOTIzYTZkYjAxOTUwZDJjYjljOWZmYzk2Y2FkZDRlNmMzMzZmMzQ0Y2RkNmM5NTVjN2Q5MzE5YWZmMmQ0MDhlYzhmYjE3In0.eyJhdWQiOiIxIiwianRpIjoiNjNkNzg5YTFmN2M5MjNhNmRiMDE5NTBkMmNiOWM5ZmZjOTZjYWRkNGU2YzMzNmYzNDRjZGQ2Yzk1NWM3ZDkzMTlhZmYyZDQwOGVjOGZiMTciLCJpYXQiOjE1NTMyMzk3MDgsIm5iZiI6MTU1MzIzOTcwOCwiZXhwIjoxNTg0ODYyMTA4LCJzdWIiOiIxIiwic2NvcGVzIjpbXX0.MklLt1aIaQ90KFK-IrZZsn_zJ1HxRtZVvRthTF5IVxpdjjFvqE0R9cdRVh2itTSH8-9lRN_BpUcmgnpf6DAWQa654hcA66Oxtl46VQeNH6B304T16hGrZR8KsO6pub5M2We2_TxARNCFDPOsYZ4D9O-XVtiOLjSVFMuJtle1qYKZDScXF7f2hQDQLk1bNhehBJ7bJ_NeJVrTuiOivxjr9jPcC61hzk2fdRHNOJc4T3f5dnrqqHwDW-jHb41wAffaCv9b_3LrTN2kNqDRxue2ApHg8jivRslp6UqRfnXICpxnooRY-t5LtQhfH5QKJTLVLBrsCCwJVsu9V7iYc_UA_Bk7G-fMVa7jY81OnhArrOLpMqUcbhOrx_RFohjg2DhcxJgKdrhsRtriilMwWv_ws1Pse7nk0-CeS3XGPUrMsC5vZpA734yeB9EF2HqaZ3HqOns33ABEwM3wlkTShxpFbPQ_WFOHxF8BhHErw1QoTF6IHldSOH5EuqCvEAhT5yPcF6S0zcjxjoouARdNLK9S4dSxKLcROJKbv5wqMUUAZH1MtnT7o2C3Tn-ox9T5SV1nf2SBjgAJNq7FDAeUQnrILEVvyhpb3CTHnCVuvZ84w-S6EPWGuDNNC3AU77dkw4woLzugjYv9V-5wGudzyb2jOmXOem79p1LcuFlRtP2Gi4g';

 axios.post("http://api.rumaholi.local/api/post", {headers: { 'Authorization' : 'Bearer '+ token}}).then(response => {
                this.comments = response.data;
            })

        }

berikut error nya

POST http://api.rumaholi.local/api/post 401 (Unauthorized) createError.js?2d83:16 Uncaught (in promise) Error: Request failed with status code 401 at createError (createError.js?2d83:16) at settle (settle.js?467f:18) at XMLHttpRequest.handleLoad (xhr.js?b50d:77)

mohon bantuan nya ya temen - temen ...

laravel vue api

@muhammad007

2 Kontribusi 3 Poin

Diperbarui 3 tahun yang lalu

Tanggapan

kode di laravel route/controller kamu seperti apa, diatas tidka ada

@hilmanski

1 Jawaban:

<div>Pada promisenya hanya menggunakan then, coba diteruskan untuk menggunakan catch, melihat errornya ada keterangan uncaught (in promise). Kemudian tampilkan error messagenya apa untuk lebih detail tentang unauthorizednya.<br>Karena request post yang dibuat gagal dengan kode 401, unauthorized, berarti kegagalan tersebut karena ada masalah dengan token.<br>Bisa jadi karena :<br>1. Token expired<br>2. Token salah<br>3. Format token bukan "Bearer token"<br>4. Hak akses atas token tersebut berbeda level, karena misalnya role ('Admin or Guest') atau status ('Free User or Premium User')  </div>

@mudziahutama

18 Kontribusi 4 Poin

Dipost 3 tahun yang lalu