laravel（vuejs 和 vuex）在 callResetPassword 中函数的参数太多

Question

我正在使用 laravel（使用 vue 和 vuex）在我的 Web 应用程序上创建忘记密码。我找到了一个很好的教程（https://codebriefly.com/vue-js-reset-password-laravel-api/），但遗憾的是它因为错误而无法重置密码

消息： 函数 App\Http\Controller\API\AuthController::callResetPassword() 的参数太少，通过了 0 恰好是 2 个预期

我不知道怎么解决。

---

代码

web.php

Route::get('/{any?}', function (){
    return view('layout');
})->where('any', '^(?!api\/)[\/\w\.-]*');

routes.js

{
    path: '/reset-password',
    name: 'reset-password',
    component: ForgotPassword,
    meta: { middlewareGuest: true }

},
{
    path: '/reset-password/:token',
    name: 'reset-password-form',
    component: ResetPasswordForm,
    meta: { middlewareGuest: true }

},

AuthController.php（处理重置密码）

  public function callResetPassword($user, $password)
    {
        $user->password = Hash::make($password);
        $user->save();
        event(new PasswordReset($user));
    }

auth.js (Vuex)

resetPassword(data){
    return new Promise((resolve,reject) => {
        axios.post('/reset/password',{
            token: data.token,
            email: data.email,
            password: data.password
        })
        .then(response =>{
            resolve(response)
        })
        .catch(error =>{
            reject(error)
        })
    })
}

ResetPasswordForm.vue

methods: {
    ...mapActions(["resetPassword"]),
    reset() {
       this.resetPassword({
        token: this.$route.params.token, 
        email: this.email,
        password: this.password
      })
        .then(response => {
          toast.fire({
            type: "success",
            title: "Password reset successfully."
          });
          this.$router.push({ name: "login" });
        })
        .catch(error => {
          swal.fire({
            type: "error",
            text: error.response.data.message,
            showConfirmButton: false,
            timer: 3000
          });
        });
    }
  }
}

Answer 1

您需要提供您的 javascript 调用或您的 api 调用，因此在您的脚本中的某处调用此方法 callResetPassword 而不传递任何参数。

在这种情况下，您需要使用 $user 和 $password 调用方法 callResetPassword($user, $password)

你应该有这样的东西：

    requestResetPassword() {
        this.$http.post("/auth/reset/password/", {
            token: this.$route.params.token,
            email: this.email,
            password: this.password,
            password_confirmation: this.password_confirmation
        .then(result => {
            this.response = result.data;
            console.log(result.data);
        })
        .catch(error => {
            console.error(error);
        });