Gửi mã thông báo mang với các trục

Question

Trong ứng dụng phản ứng của tôi, tôi đang sử dụng axios để thực hiện các yêu cầu api REST.

Nhưng không thể gửi tiêu đề Cấp phép với yêu cầu.

Đây là mã của tôi:

tokenPayload() { 
    let config = { 
    headers: { 
     'Authorization': 'Bearer ' + validToken() 
    } 
    } 
    Axios.post( 
     'http://localhost:8000/api/v1/get_token_payloads', 
     config 
    ) 
    .then((response) => { 
     console.log(response) 
    }) 
    .catch() 
} 

Đây là phương pháp validToken() sẽ chỉ đơn giản là trả lại token từ lưu trữ trình duyệt.

Mọi yêu cầu đang có một phản ứng 500 báo lỗi nói rằng

Các dấu hiệu không thể phân tích từ yêu cầu

từ back-end.

Cách gửi tiêu đề ủy quyền với từng yêu cầu? Bạn có đề xuất bất kỳ mô-đun nào khác có phản ứng không?

Answer 1

Tham số thứ hai của axios.post là data (không phải config). config là tham số thứ ba. Vui lòng xem chi tiết này: https://github.com/mzabriskie/axios#axiosposturl-data-config

Answer 2

var config = { 
     headers: {'Authorization': "bearer" + token} 
    }; 

    var bodyParameters = { 
     "key: "value" 
    } 

    Axios.post( 
     'http://localhost:8000/api/v1/get_token_payloads', 

     bodyParameters, 

     config 

).then((response) => { 
     console.log(response) 
    }) 
    .catch() 
    } 

Tham số đầu tiên là URL.
Thứ hai là phần nội dung JSON sẽ được gửi cùng với yêu cầu của bạn.
Tham số thứ ba là các tiêu đề (trong số những thứ khác). Đó là JSON.