axios post请求的头被视为参数

Question

我尝试在vue中使用axios post实现注销功能。我将jwt添加到请求头中，但它被视为参数。在另一个函数中，我实现了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\u token字段，它成功了。但是在logout方法的request headers中没有api_-token字段，在参数中可以找到api_-token，它看起来像：

headers{…}
   api_token : xxxxxxxx

响应表示状态代码为400的错误。

Answer 1

这：

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

应该是这样的：

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

第二个参数必须是请求主体，第三个参数用于其他选项，如标头。