Axios Xóa yêu cầu với nội dung và tiêu đề?

Tôi đang sử dụng Axios trong khi lập trình trong ReactJS và tôi giả vờ gửi yêu cầu XÓA tới máy chủ của mình.

Để làm như vậy, tôi cần các tiêu đề:

headers: {
  'Authorization': ...
}

và cơ thể được cấu tạo bởi

var payload = {
    "username": ..
}

Tôi đã tìm kiếm trên các trang web khác nhau và chỉ thấy rằng phương thức DELETE yêu cầu một "tham số" và không chấp nhận "dữ liệu".

Tôi đã cố gắng gửi nó như vậy:

axios.delete(URL, payload, header);

hoặc thậm chí

axios.delete(URL, {params: payload}, header);

Nhưng dường như không có gì hoạt động ...

Ai đó có thể cho tôi biết nếu có thể (tôi đoán là có) để gửi một yêu cầu XÓA với cả tiêu đề và nội dung không và làm thế nào để làm như vậy?

Cảm ơn bạn trước!

Vì vậy, sau một số lần thử, tôi thấy nó hoạt động.

Vui lòng làm theo trình tự thứ tự, nó rất quan trọng nếu không nó sẽ không hoạt động

axios.delete(URL, {
  headers: {
    Authorization: authorizationToken
  },
  data: {
    source: source
  }
});

axiox.deletekhông hỗ trợ một cơ quan yêu cầu. Nó chấp nhận hai tham số: url và cấu hình tùy chọn. Bạn có thể sử dụng config.datađể đặt nội dung yêu cầu và tiêu đề như sau:

axios.delete(url, { data: { foo: "bar" }, headers: { "Authorization": "***" } });

Xem tại đây - https://github.com/axios/axios/issues/897

Dưới đây là tóm tắt ngắn gọn về các định dạng cần thiết để gửi các động từ http khác nhau với tiên đề:

• GET: Hai lối

  • Phương pháp đầu tiên

    axios.get('/user?ID=12345')
      .then(function (response) {
        // Do something
      })
    

  • Phương pháp thứ hai

    axios.get('/user', {
        params: {
          ID: 12345
        }
      })
      .then(function (response) {
        // Do something
      })
    

  Hai cái trên là tương đương. Quan sát paramstừ khóa trong phương pháp thứ hai.

• POST và PATCH

  axios.post('any-url', payload).then(
    // payload is the body of the request
    // Do something
  )
  
  axios.patch('any-url', payload).then(
    // payload is the body of the request
    // Do something
  )
  

• DELETE

  axios.delete('url', { data: payload }).then(
    // Observe the data keyword this time. Very important
    // payload is the request body
    // Do something
  )
  

Key take aways

• gettùy chọn yêu cầu cần một paramskhóa để thiết lập chính xác các tham số truy vấn
• deleteyêu cầu với nội dung cần nó được đặt dưới một datakhóa

tiên đề. xóa được chuyển qua một url và một cấu hình tùy chọn .

axios.delete (url [, config])

Các trường có sẵn cho cấu hình có thể bao gồm các tiêu đề .

Điều này làm cho nó để lệnh gọi API có thể được viết như sau:

const headers = {
  'Authorization': 'Bearer paperboy'
}
const data = {
  foo: 'bar'
}

axios.delete('https://foo.svc/resource', {headers, data})

Tôi đã gặp vấn đề tương tự, tôi đã giải quyết nó như vậy:

axios.delete(url, {data:{username:"user", password:"pass"}, headers:{Authorization: "token"}})

Trên thực tế, axios.deletehỗ trợ một cơ quan yêu cầu.
Nó chấp nhận hai tham số: a URLvà một tùy chọn config. Đó là...

axios.delete(url: string, config?: AxiosRequestConfig | undefined)

Bạn có thể làm như sau để đặt nội dung phản hồi cho yêu cầu xóa:

let config = { 
    headers: {
        Authorization: authToken
    },
    data: { //! Take note of the `data` keyword. This is the request body.
        key: value,
        ... //! more `key: value` pairs as desired.
    } 
}

axios.delete(url, config)

Tôi hi vọng điêu nay se giup được ai đo!

Đối với Xóa, bạn sẽ cần thực hiện như sau

axios.delete("/<your endpoint>", { data:<"payload object">})

Nó đã làm việc cho tôi.

Để gửi HTTP DELETE với một số tiêu đề qua, axiostôi đã thực hiện như sau:

  const deleteUrl = "http//foo.bar.baz";
  const httpReqHeaders = {
    'Authorization': token,
    'Content-Type': 'application/json'
  };
  // check the structure here: https://github.com/axios/axios#request-config
  const axiosConfigObject = {headers: httpReqHeaders}; 

  axios.delete(deleteUrl, axiosConfigObject);

Các axioscú pháp cho động từ HTTP khác nhau (GET, POST, PUT, DELETE) là khó khăn bởi vì đôi khi các tham số thứ 2 được coi là cơ quan HTTP, một số thời điểm khác (khi nó có thể không cần thiết), bạn chỉ cần vượt qua các tiêu đề như tham số thứ 2 .

Tuy nhiên, giả sử bạn cần gửi một yêu cầu HTTP POST mà không có nội dung HTTP, thì bạn cần chuyển undefinedlàm tham số thứ hai.

Hãy nhớ rằng theo định nghĩa của đối tượng cấu hình ( https://github.com/axios/axios#request-config ), bạn vẫn có thể chuyển một phần thân HTTP trong lệnh gọi HTTP qua datatrường khi gọi axios.delete, tuy nhiên đối với HTTP DELETE động từ nó sẽ bị bỏ qua.

Sự nhầm lẫn này giữa tham số thứ 2 đôi khi là phần thân HTTP và một số trường hợp khác là toàn bộ configđối tượng axioslà do cách các quy tắc HTTP đã được triển khai. Đôi khi không cần nội dung HTTP để cuộc gọi HTTP được coi là hợp lệ.

Tôi gặp phải vấn đề tương tự ... Tôi đã giải quyết nó bằng cách tạo một phiên bản axios tùy chỉnh. và sử dụng nó để thực hiện một yêu cầu xóa đã xác thực ..

const token = localStorage.getItem('token');
const request = axios.create({
        headers: {
            Authorization: token
        }
    });

await request.delete('<your route>, { data: { <your data> }});

Tôi đã thử tất cả những cách trên mà không hiệu quả với tôi. Tôi đã kết thúc chỉ với PUT (nguồn cảm hứng được tìm thấy ở đây ) và chỉ cần thay đổi logic phía máy chủ của mình để thực hiện xóa cuộc gọi url này. (ghi đè chức năng khung phần còn lại django).

ví dụ

.put(`http://127.0.0.1:8006/api/updatetoken/20`, bayst)
      .then((response) => response.data)
      .catch((error) => { throw error.response.data; });

tôi đã tìm thấy một cách hoạt động:

axios
      .delete(URL, {
        params: { id: 'IDDataBase'},
        headers: {
          token: 'TOKEN',
        },
      }) 
      .then(function (response) {
        
      })
      .catch(function (error) {
        console.log(error);
      });

Tôi hy vọng công việc này cho bạn quá.