Inertia redirect issue in Laravel with Vue

Question

I have a modal in vue where I call this function

const  createChat = async (id) =>{
    try {
        const response = await axios.post('/pdf-chat/create-chat', {
            name: name.value,
            pdfId: id,

        });
        dialogVisible.value = false;
        console.log(response)
    

    } catch (error) {
            console.error('Error sending message:', error);

    }
}

The controller function called,the route exists

public function createChat( Request $request)
    {
        $chat = new Chat();
        $chat->name = $request->name;
        $chat->save();


        $pdf = Upload::find($request->pdfId);


        return Inertia::location(route('pdf-chat', ['chat' => $chat->hash, 'pdf' => $pdf->hash]));
}

I get a redirect 302

And the next request is the redirect url with 200 code but I stay on the same page,nothing in the browser`s url changes. If a copy the url and paste it in the browser it works fine.

Any thoughts? Laravel 10,Vue 3 ,Inertia 1.*

Othmane Nemli · Accepted Answer · 2023-09-29 07:57:32Z

3

Don't use (it's only for External redirects):

Inertia::location()

use:

to_route('pdf-chat', ['chat' => $chat->hash, 'pdf' => $pdf->hash])

Update:

I see now, because you are using axios you should use inertiajs router inertiajs.com/manual-visits

edited Sep 29, 2023 at 7:57

answered Sep 28, 2023 at 15:11

Othmane Nemli

1,1917 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mihai Over a year ago

Tried that at first,same thing.

Othmane Nemli Over a year ago

I see now, because you are using axios you should use inertiajs router inertiajs.com/manual-visits

Mihai Over a year ago

Edit your answer,it`s less fragile than comments.Thanks.

waterloomatt · Accepted Answer · 2023-09-28 15:52:17Z

1

Instead of using Axios to make the request, use Inertia's router.visit or one of their helpers like router.get. These will intercept the request and know how to handle the response.

See https://inertiajs.com/manual-visits

router.visit('/pdf-chat/create-chat', {
  method: 'get',
  data: {
    name: name.value,
    pdfId: id
  }
})

answered Sep 28, 2023 at 15:52

waterloomatt

3,7731 gold badge23 silver badges28 bronze badges

Collectives™ on Stack Overflow

Inertia redirect issue in Laravel with Vue

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related