rails devise-token-auth 適切なheadersを渡しているはずだがなぜかログインできない。

Question

前提・実現したいこと

Ruby on railsとvue.jsを使用してSPAアプリを制作しています。
rails側でdevise-token-authを使用しログイン機能を実装しています。
必要なheadersは以下のように渡しているはずなんですが、なぜかログインしていることになりません。

一つ気になる点としまして、headersには認証に必要な3つ以外は記入していないのですが、なぜか"user_skill"という空の配列が渡されています

問題点、ご教授お願いいたします。

該当のソースコード

 POST   /api/skills/:skill_id/user_skills(.:format)    api/user_skills#create

def create
    skill = Skill.find(params[:skill_id])
    user_skill = current_api_user.user_skills.new(skill: skill, user: current_api_user)
    if user_skill.save
      render json: user_skill, status: :created
    else
      render json: user_skill.errors, status: :bad_request
    end
  end

addTargetSkill(e) {
      axios.post(`http://localhost:3000/api/skills/${e}/user_skills`, {
        headers: {
          uid: localStorage.getItem("uid"),
          "access-token": localStorage.getItem("access-token"),
          client: localStorage.getItem("client"),
        }
      })
    },

発生している問題・エラーメッセージ

ステータスコード500とメッセージが返ってきます

undefined method `user_skills' for nil:NilClass 

user_skill = current_api_user.user_skills.new(skill: skill, user: current_api_user)

parametes
{"headers"=>{"uid"=>"[e-mail]", "access-token"=>"0CLH7UFQX-vdZ1gISwa7sg", "client"=>"ZhgcdJskhbOENZwAS1Tn3A"}, "skill_id"=>"30", "user_skill"=>{}}

試したこと

外部ツールpostmanを使用して同じリクエストを投げたところ成功しました。
なぜかはわかりません。。。
テストも書いているのですが、テストは成功します。。。

RSpec.describe "Api::UserSkills", type: :request do
  let(:user) { create(:user) }
  let(:skill) { create(:skill)}
  let(:us) { create(:user_skill)}
  let(:uid) { response.headers["uid"] }
  let(:client) { response.headers["client"] }
  let(:access_token) { response.headers["access-token"]}
  before do
    post "/api/user/sign_in", params: { email: user.email, password: user.password }
  end

  describe "POST /create" do
    it "ログインすれば登録できる" do
      post "/api/skills/#{skill.id}/user_skills", headers: {uid: uid, client: client, "access-token": access_token}
      expect(user.skills.count).to eq(1)
    end
  end

Answer 1

axiosを確認すると

axios.post(url[, data[, config]])

なので、空ポストするためには

axios.post(`http://localhost:3000/api/skills/${e}/user_skills`, {} , {
        headers: { ...

となるかと思います。

Comments

[IRIESS]

ｊ

[IRIESS]

ありがとうございました。解決致しました。
テストではbodyに何も記入せずともパスしてしまったのですが。なぜでしょうか。。
ともあれ、ご教授ありがとうございました。

[asm]

どういったテストでしょうか？

[IRIESS]

追記したようなテストです。
汚い書き方かもしれませんが確認していただけると嬉しいです。。

[asm]

axiosはjavascriptのライブラリで
テストコードのpostはRuby(Rails)のメソッドだからです