【rails×vue】ログインした際にuser.idを取得したい

Question

railsとvueでSPAアプリを開発しているのですがログイン後に/users/:idのurlにアクセスするために、user.idを取得する必要がありますが方法がわかりません。

#api/sessions_controller

def create
    @user = User.find_by(email: params[:session][:email].downcase)
    if @user && @user.authenticate(params[:session][:password])
      if @user.activated?
        log_in(@user)
      else
      //エラー処理
end

#Login.vue

///login.vue

<template>
  <div>
    <h1>ログイン</h1>

      <div>
        <label for ="session_e-mail"> メールアドレス</label>
        <input type="text" v-model="session.email">
      </div>
      <div>
        <label for="session_password"> パスワード </label>
        <router-link to='/password_resets/new'>(パスワードを忘れた場合)</router-link>
        <input type="password" v-model="session.password">
      </div>

      <div>
        <button @click="createSession" >
        ログイン
        </button>
        <router-link to="/users/new">
        新規登録はこちらから!</router-link>
      </div>
  </div>

</template>

<script>
  import axios from 'axios';

  export default {
    name: 'Login',
    data() {
      return {
        session: {
          email: '',
          password: '',
        }
      }
    },
    methods: {
      createSession: function () {
        axios.post('/api/login', {
          session: this.session
        })
        .then(response => {
          this.$router.push({ path: `/users/${this.$route.params.id`})
        })
  }

</script>

this.$router.push({ path: /users/${this.$route.params.id})のようにフォーム送信時にuser.idを取得する方法を教えていただきたいです。

Answer 1

ログイン時のレスポンスに ID を含めます

def create
  ...
  if login_dekita
    # axios の then の方にいきます
    render json: { id: @user.id }
  else
    # catch の方にいきます
    head :unauthorized
  end
end

レスポンスを受け取ります

axios(login, ...)
  .then(response => {
    const id = response.data.id
  })

Comments

[black_pasta1001]

解決できました！
誠にありがとうございました！