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 。