なぜパスワードのバリデーションエラーが発生するのか解決したい

Question

前提・実現したいこと

コントローラー内のUser.save時にパスワードのバリデーションエラーが発生する
VueテンプレートからPOSTでParamsをUsersコントローラに送っています

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

web_1     | 10:55:08 web.1       | Started POST "/users" for 172.22.0.1 at 2021-05-03 10:55:08 +0000
web_1     | 10:55:08 web.1       | Cannot render console from 172.22.0.1! Allowed networks: 127.0.0.0/127.255.255.255, ::1
web_1     | 10:55:09 web.1       | Processing by UsersController#create as */*
web_1     | 10:55:09 web.1       |   Parameters: {"name"=>"先生", "email"=>"[e-mail]", "password"=>"[FILTERED]", "password_confirmation"=>"[FILTERED]", "user_type"=>"teacher", "user"=>{"name"=>"先生", "email"=>"[e-mail]", "user_type"=>"teacher"}}
web_1     | 10:55:09 web.1       | DEPRECATION WARNING: Uniqueness validator will no longer enforce case sensitive comparison in Rails 6.1. To continue case sensitive comparison on the :email attribute in User model, pass `case_sensitive: true` option explicitly to the uniqueness validator. (called from create at /myapp/app/controllers/users_controller.rb:31)
web_1     | 10:55:09 web.1       |    (0.6ms)  BEGIN
web_1     | 10:55:09 web.1       |   ↳ app/controllers/users_controller.rb:31:in `create'
web_1     | 10:55:09 web.1       |   User Exists? (0.9ms)  SELECT 1 AS one FROM `users` WHERE `users`.`email` = BINARY '[e-mail]' LIMIT 1
web_1     | 10:55:09 web.1       |   ↳ app/controllers/users_controller.rb:31:in `create'
web_1     | 10:55:09 web.1       |    (0.5ms)  ROLLBACK
web_1     | 10:55:09 web.1       |   ↳ app/controllers/users_controller.rb:31:in `create'
web_1     | 10:55:09 web.1       | Completed 422 Unprocessable Entity in 28ms (Views: 0.3ms | ActiveRecord: 7.9ms | Allocations: 9206)

class User < ApplicationRecord
  has_many :questions, dependent: :destroy
  attr_accessor :remember_token
  before_save {email.downcase!}
  validates :name,presence: true,length: {maximum: 50}
  VALID_EMAIL_REGEX = /\A[\w+\-.]+@[a-z\d\-.]+.[a-z]+\z/i
  validates :email,presence: true,length: {maximum: 255},
              format: {with: VALID_EMAIL_REGEX},
              uniqueness: true
  has_secure_password
  validates :password,presence: true,length:{minimum: 8},allow_nil: true
  validates :user_type,presence: true

  class << self
    # 渡された文字列のハッシュ値を返す
    def digest(string)
      cost = ActiveModel::SecurePassword.min_cost ? BCrypt::Engine::MIN_COST :
                                                    BCrypt::Engine.cost
      BCrypt::Password.create(string, cost: cost)
    end
end

該当のソースコード

def create
    user = User.new(user_params)
    if user.save
      log_in user
      render json: {
               user: user,
               message: "#{user.name}様ようこそPleaseTeachmeへ",
             },
             status: :created
    else
      render json: {
               errors: user.errors.full_messages,
             },
             status: :unprocessable_entity
    end
end

def user_params
    params
      .require(:user)
      .permit(:name, :email, :password, :password_confirmation, :user_type)
end

<template>
  <div class="user-form-wrapper">
    <div v-if="errors.length != 0">
      <ul v-for="e in errors" :key="e">
        <li class="vlidate-message">
          {{ e }}
        </li>
      </ul>
    </div>
    <div class="form-group">
      <label for="userName">名前</label>
      <input
        type="text"
        name="userName"
        v-model="user.name"
        class="form-control"
        id="userName"
        placeholder="名前を入力して下さい"
      />
    </div>
    <div class="form-group">
      <label for="userEmail">メールアドレス</label>
      <input
        type="email"
        name="userEmail"
        v-model="user.email"
        class="form-control"
        id="userEmail"
        placeholder="メールアドレスを入力して下さい"
      />
    </div>
    <div class="form-group">
      <label for="userPassword">パスワード</label>
      <input
        type="password"
        name="userPassword"
        v-model="user.password"
        class="form-control"
        id="userPassword"
        placeholder="パスワードを入力して下さい"
      />
    </div>
    <div class="form-group">
      <label for="userPasswordConfirmation">パスワードの確認</label>
      <input
        type="password"
        name="userPasswordConfirmation"
        v-model="user.password_confirmation"
        class="form-control"
        id="userPasswordConfirmation"
        placeholder="再度パスワード入力して下さい"
      />
    </div>
    <div class="submit-button-wrapper">
      <input
        @click="submitUser"
        type="submit"
        value="送信"
        name="submitBtn"
        class="btn btn-submit"
        id="submitBtn"
      />
    </div>
  </div>
</template>

<script>
import axios from "axios";
axios.defaults.headers.common = {
  "X-Requested-With": "XMLHttpRequest",
  "X-CSRF-TOKEN": document
    .querySelector('meta[name="csrf-token"]')
    .getAttribute("content"),
};
export default {
  data() {
    return {
      errors: "",
      user: {
        name: "",
        email: "",
        password: "",
        password_confirmation: "",
        user_type: "teacher",
      },
    };
  },
  methods: {
    submitUser() {
      axios
        .post("/users", this.user)
        .then((response) => {
          console.log(response);
          const createdUser = response.data.user;
          this.$store.dispatch("catchMessage", {
            message: response.data.message,
            timeout: 5000,
          });
          this.$store.dispatch("changeLogin");
          this.$router.push({
            name: "teachers_user_show_path",
            params: { id: createdUser.id },
          });
        })
        .catch((error) => {
          console.error(error);
          if (error.response.data && error.response.data.errors) {
            this.errors = error.response.data.errors;
          }
        });
    },
  },
};
</script>

試したこと

リクエストスペックやRailsコンソールからはうまく保存できます（正しくコントローラーが動いている）

補足情報（FW/ツールのバージョンなど）

Rails6.0

Answer 1

APIのオブジェクトとしてthis.userとしていた部分をユーザという名前のオブジェクトを持つパラメータにしたら解決しました！！

{post "/users",this.user}=>{user:{ユーザのパラメータ}}