axios的標頭將請求后的請求視為參數

Question

我嘗試在vue中使用axios post實現注銷功能。 我將jwt添加到請求標頭中，但將其視為params。 在另一個功能中，我實現了axios post方法，並且可以正常工作。 有人可以幫忙嗎？ 這是代碼：

import axios from 'axios';
import store from '../store';

const API = 'http://192.168.100.184:5000/api/v1.0.0';
export class APIService{
   constructor(){
   }
   login (userData) {
     return axios.post(`${API}/auth/`, userData);
    }
    logout(){
      const url = `${API}/auth/logout`;
      const headers = {"api_token": store.state.jwt};        
      return axios.post(url,{headers:headers});
    }
    createUser(user){
      const headers = {"api_token": store.state.jwt};
      const url = `${API}/user/`;
      return axios.post(url,user,{headers: headers});
    }
 }

當我看到網絡時，在createUser方法的request headers中有api_token字段，並且成功。 但是在logout方法的request headers中沒有api_token字段，在api_token中找不到api_token ，它看起來像：

headers{…}
   api_token : xxxxxxxx

響應說錯誤，狀態碼為400。

Answer 1

這個：

return axios.post(url,{headers:headers});

應該是這樣的：

return axios.post(url, null, {headers: headers});

第二個參數必須是請求正文，第三個參數用於其他選項，例如headers 。