Rails側へPostした値に意図していないパラメーターがつく

Question

前提・実現したいこと

Rails側へaxiosのポストメソッドでデータをdevise側へポストした際に
registrationというつけていない？はずの謎のパラメーターがつくのでそのパラメーターがなぜつくのかを知りたいです
※最終的にvueのページからポストしたパラメーターでユーザーを作成しようとしています

この情報が足りないわ！！ってのがありましたらぜひご教示頂けたら幸いです。

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

意図しているパラメーター

{
"name"=>"test", 
"email"=>"[e-mail]", 
"password"=>"password", 
"password_confirmation"=>"password", "controller"=>"api/v1/auth/registrations", 
"action"=>"create"
}

意図していないパラメーター(実際にRailsのログで確認できるパラメーター)

registrationという謎のパラメーターがつく

{
"name"=>"test", 
"password"=>"pass", 
"email"=>"[e-mail]", 
"password_confirmation"=>"pass", "controller"=>"api/v1/auth/registrations", 
"action"=>"create", 
"registration"=>{"name"=>"test", "password"=>"pass", "email"=>"[e-mail]", "password_confirmation"=>"pass"}
}

送信した時に出るエラー

back_1   | Started POST "/api/v1/auth/" for 172.18.0.1 at 2021-08-05 08:05:06 +0900
back_1   | Processing by Api::V1::Auth::RegistrationsController#create as HTML
back_1   |   Parameters: {"name"=>"test", "password"=>"[FILTERED]", "email"=>"[e-mail]", "password_confirmation"=>"[FILTERED]", "registration"=>{"name"=>"test", "password"=>"[FILTERED]", "email"=>"[e-mail]", "password_confirmation"=>"[FILTERED]"}}
back_1   | {"name"=>"test", "password"=>"pass", "email"=>"[e-mail]", "password_confirmation"=>"pass", "controller"=>"api/v1/auth/registrations", "action"=>"create", "registration"=>{"name"=>"test", "password"=>"pass", "email"=>"[e-mail]", "password_confirmation"=>"pass"}}
back_1   | Unpermitted parameter: :registration
back_1   | {"name"=>"test", "password"=>"pass", "email"=>"[e-mail]", "password_confirmation"=>"pass", "controller"=>"api/v1/auth/registrations", "action"=>"create", "registration"=>{"name"=>"test", "password"=>"pass", "email"=>"[e-mail]", "password_confirmation"=>"pass"}}
back_1   | Unpermitted parameter: :registration
back_1   | {"name"=>"test", "password"=>"pass", "email"=>"[e-mail]", "password_confirmation"=>"pass", "controller"=>"api/v1/auth/registrations", "action"=>"create", "registration"=>{"name"=>"test", "password"=>"pass", "email"=>"[e-mail]", "password_confirmation"=>"pass"}}
back_1   | Unpermitted parameter: :registration
back_1   |   TRANSACTION (0.3ms)  BEGIN
back_1   |   User Exists? (1.3ms)  SELECT 1 AS one FROM `users` WHERE `users`.`email` = '[e-mail]' AND `users`.`provider` = 'email' LIMIT 1
back_1   |   TRANSACTION (0.2ms)  ROLLBACK
back_1   | Completed 422 Unprocessable Entity in 252ms (Views: 0.2ms | ActiveRecord: 2.8ms | Allocations: 14477)

該当のソースコード

POST送信ページ

<template>
  <v-container>
    <v-card width="400px" class="mx-auto mt-5">
      <v-card-title>
        <h1 class="display-1">
          新規登録
        </h1>
      </v-card-title>
      <v-card-text>
        <v-form ref="form" lazy-validation>
          <v-text-field
            v-model="user.email"
            prepend-icon="mdi-email"
            label="メールアドレス"
          />
          <v-text-field
            v-model="user.password"
            prepend-icon="mdi-lock"
            append-icon="mdi-eye-off"
            label="パスワード"
          />
          <v-text-field
            v-model="user.password_confirmation"
            prepend-icon="mdi-lock"
            append-icon="mdi-eye-off"
            label="パスワード確認"
          />
          <v-card-actions>
            <v-btn
              color="light-green darken-1"
              class="white--text"
              @click="registerUser"
            >
              新規登録
            </v-btn>
          </v-card-actions>
        </v-form>
      </v-card-text>
    </v-card>
  </v-container>
</template>

<script>
export default {
  name: "App",
  auth: false,
  data() {
    return {
      // なんかポストの仕方が悪い？
      user: {
        name: "test",
        password: "",
        email: "",
        password_confirmation: ""
      }
    };
  },
  methods: {
    registerUser() {
      this.$axios.post("/api/v1/auth/", this.user).then(response => {
        window.location.href = "/users/comfirmation";
      });
    }
  }
};
</script>

Rails側
route.rb

Rails.application.routes.draw do
  devise_for :users

  namespace :api do
    namespace :v1 do
      resources :test, only: %i[index]

      mount_devise_token_auth_for 'User', at: 'auth', controllers: {
        registrations: 'api/v1/auth/registrations'
      }

      namespace :auth do
        resources :sessions, only: %i[index]
      end
    end
  end
  resources :workspaces, only: [:create, :delete, :edit]
  resources :users, only: [:create, :delete, :edit]
  resources :posts, only: [:create, :delete, :edit]
  resources :houseworks, only: [:create, :delete, :edit]

end

registrations_controller.rb

# アカウント作成用コントローラー
class Api::V1::Auth::RegistrationsController < DeviseTokenAuth::RegistrationsController
    private
  
      def sign_up_params
        logger.debug(params)
        params.permit(:email, :password, :password_confirmation,:name)
      end
end

試したこと

curlコマンドでPOSTできるか試した

curl -X POST http://localhost:3000/api/v1/auth -d '[name]=example&[email]=[e-mail]&[password]=password&[password_confirmation]=password'

back_1   | Started POST "/api/v1/auth" for 172.18.0.1 at 2021-08-05 08:25:19 +0900
back_1   | Processing by Api::V1::Auth::RegistrationsController#create as */*
back_1   |   Parameters: {"name"=>"example", "email"=>"[e-mail]", "password"=>"[FILTERED]", "password_confirmation"=>"[FILTERED]"}
back_1   | {"name"=>"example", "email"=>"[e-mail]", "password"=>"password", "password_confirmation"=>"password", "controller"=>"api/v1/auth/registrations", "action"=>"create"}
back_1   | {"name"=>"example", "email"=>"[e-mail]", "password"=>"password", "password_confirmation"=>"password", "controller"=>"api/v1/auth/registrations", "action"=>"create"}
back_1   | {"name"=>"example", "email"=>"[e-mail]", "password"=>"password", "password_confirmation"=>"password", "controller"=>"api/v1/auth/registrations", "action"=>"create"}
back_1   |   TRANSACTION (0.2ms)  BEGIN
back_1   |   User Exists? (0.7ms)  SELECT 1 AS one FROM `users` WHERE `users`.`email` = '[e-mail]' AND `users`.`provider` = 'email' LIMIT 1
back_1   |   User Create (1.5ms)  INSERT INTO `users` (`uid`, `encrypted_password`, `name`, `email`, `created_at`, `updated_at`) VALUES ('[e-mail]', '$2a$12$v0GFHKD3QFyVHGUxfcIqueV6ralGVgtQpw20EF4H0YiNp.L/6lXHC', 'example', '[e-mail]', '2021-08-04 23:25:19.304233', '2021-08-04 23:25:19.304233')
back_1   |   TRANSACTION (6.1ms)  COMMIT
back_1   |   TRANSACTION (0.3ms)  BEGIN
back_1   |   User Update (1.9ms)  UPDATE `users` SET `users`.`tokens` = '{\"khZQ6dDU5Qx9TLF0pdwk4w\":{\"token\":\"$2a$10$YYPKCXTOi.Fy1U.Hkmz0QuPyUcLG7Sztn0/o1lnGwICF0PmD1pZb2\",\"expiry\":1629329119}}', `users`.`updated_at` = '2021-08-04 23:25:19.374094' WHERE `users`.`id` = 7
back_1   |   TRANSACTION (1.4ms)  COMMIT
back_1   |   User Load (0.7ms)  SELECT `users`.* FROM `users` WHERE `users`.`id` = 7 LIMIT 1
back_1   |   TRANSACTION (0.2ms)  BEGIN
back_1   |   User Load (0.7ms)  SELECT `users`.* FROM `users` WHERE `users`.`id` = 7 LIMIT 1 FOR UPDATE
back_1   |   User Update (1.4ms)  UPDATE `users` SET `users`.`tokens` = '{\"khZQ6dDU5Qx9TLF0pdwk4w\":{\"token\":\"$2a$10$lX/yHs29Rj9/KyxkxOWeSu4uFGFGFfd0ICN9y9BSLr48CfbC3cqmO\",\"expiry\":1629329119,\"last_token\":\"$2a$10$YYPKCXTOi.Fy1U.Hkmz0QuPyUcLG7Sztn0/o1lnGwICF0PmD1pZb2\",\"updated_at\":\"2021-08-04T23:25:19Z\"}}', `users`.`updated_at` = '2021-08-04 23:25:19.444964' WHERE `users`.`id` = 7
back_1   |   TRANSACTION (1.4ms)  COMMIT
back_1   | Completed 200 OK in 417ms (Views: 0.1ms | ActiveRecord: 16.4ms | Allocations: 11981)

大丈夫そう

実際にPostしている値を確認した

大丈夫、、かな？

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

ここにより詳細な情報を記載してください。

Answer 1

rails の wrap_parameters だと思います。

一言で言うなら、
『リクエストの「Content-Type」に「application/json」が指定されているときに、パラメータが複製されてコントローラ名に応じたキー名でラップされる機能』
です。

Railsガイドのリンクを貼っておきます。
Action Controller の概要 - 4.2 JSONパラメータ | Rails ガイド

以下の Qiita の記事も分かりやすいです。
paramsとwrap_parameters | Qiita

Rails が親切心で付けたパラメータなので害はないですが、邪魔なら config/initializers/wrap_parameters.rb から :json を取り除くか、または config.wrap_parameters を false にすれば消せたはずです。

Comments

[CocaCola]

とても早い回答ほんとうにありがとうございます。
なるほど！！
Railsにこんな機能が、、！
ちょっと今家を出てしまったのでまだ確認できませんが、帰宅後その辺りを調べてみたいと思います！

[CocaCola]

今確認してみたところ、まさにその通りでした！
ありがとうございます。本当に助かりました！