Redirection issue for request submitted with Laravel Precognition

I'm using Laravel Precognition using vue and inertia for live validation, after submitting form redirection does not happen:

import {useForm} from "laravel-precognition-vue";

const form = useForm('post', route('super-admin.invite.setPassword'), {
  inviteToken:props.token,
  name: props.user.name,
  lastName: props.user.last_name,
  email: props.user.email,
  password : null,
  password_confirmation : null
});

const submit = () => form.submit();

This controller action:

    public function SetSuperAdminPassword(UpdateSuperAdminDTO $superAdminData)
    {
        $user = User::where('invite_token', $superAdminData->inviteToken)->firstOrFail();
        $superAdminData->setInviteTokenToNull();
        $user->update($superAdminData->all());
			
		// I have tried these different syntaxes
		//return to_route('dashboard')
		//return Inertia::location(route('dashboard'));
        return redirect()->route('dashboard');
    }

when looking on Network tap in Browser devtool request was succeed with 200 and response type is: text/html;

gych

1 year ago

Level 29

A redirect in your controller won't work because you're using the Laravel Precognition Vue package which uses an axios request to post the form to the backend.

Try to use the vue + intertia package, follow this section from the docs: https://laravel.com/docs/11.x/precognition#using-vue-and-inertia

rassem_bs

1 year ago

Level 1

@gych So should I make redirection from the front end after the request succeeds? something like this:

import {useForm} from "laravel-precognition-vue";
import {router} from "@inertiajs/vue3";

const form = useForm('post', route('super-admin.invite.setPassword'), {
  inviteToken:props.token,
  name: props.user.name,
  lastName: props.user.last_name,
  email: props.user.email,
  password : null,
  password_confirmation : null
});

const submit = () => form.submit({
    onSuccess: () => {
      router.get('/login');
    }
  });

gych

1 year ago

Level 29

@rassem_bs Yes that's one possible solution but I advise you to test the precognition inertia package first and see if it works with that package without adding the redirect to the front end.

Please or to participate in this conversation.