Axiosでbodyとheadersどっちもパラメータに含める方法がわかりません

Question

環境

Vue + Nuxt

やりたいこと

HTTPリクエストヘッダにaccess-token, client, uidを含め
HTTPリクエストボディにname, profile, addressを含めて送信したい

形式は以下のようにして送信したい

headers: {
  access-token: "~~~",
  client: "~~~",
  address: "~~~"
}

{
  name: "~~~",
  profile: "~~~",
  address: "~~~"

つまりこんな感じで送信したいです↓

ためしたこと

axios.put(`http://localhost:3000/api/v1/auth`, 
        {
          headers: {
            access_token: Cookie.get("access-token"),
            client: Cookie.get("client"),
            uid: Cookie.get('uid'),
            "Content-Type": "application/json"
          },
          body: {
            name: name,
            profile: profile,
            address: address,
          }
        }
)

もちろんこれではできません。422エラーが発生します。理由多分はbodyプロパティの中にname,profileなどが入っているからです。

bodyに直接name,profileなどを格納して送信したいのですがどのようにすればよいでしょうか？

ご教示お願い致します

Comments

[hoshi-takanori]

axios.put(URL, { name: name, ...}, { header: { access_token: ... } }) では。