リダイレクト後に再度getするような処理って可能なのでしょうか? Laravel Vue3

Question

バックエンドをLaravel6 フロントをVue3にて作成しています。

リダイレクト後に再度getするような処理って可能なのでしょうか?

[実現したい動作]
1.vue コンポーネントで作成した投稿をaxios経由でLaravel DBへPOST
2.axios経由で送られてきた情報をLaravel DBへ保存
3.api コントローラーから投稿の表示ページへリダイレクト
4.投稿の表示ページで最新の投稿を1件表示

[問題点]
「4.投稿の表示ページで最新の投稿を1件表示」の際に1件前の投稿が表示され、画面をリロードすると最新の投稿が表示されます。

vue側の処理を色々疑ったのですが、解決に至っておらず、リダイレクト後に再度getするような処理が実現できれば解決できるのか？と考えています。

しかしその方法がわかりません。。。。

apiからのリクエスト処理は以下の様に書いています。

Route::post('api/images', 'ImageApiController@redirect');

    //ImageApiControllerからリダイレクトで送られてきた情報をshow.blade.phpに渡し、リターンする処理
    public function redirect(Image $image)
    {
        $user = auth()->user();
        $image = Image::where('user_id', $user->id)->orderBy('created_at', 'desc')->first();
        return view('show', compact('user', 'image'));
    }

apiからのリダイレクトを受け取り表示する処理

    //ImageApiControllerからリダイレクトで送られてきた情報をshow.blade.phpに渡し、リターンする処理
    public function redirect(Image $image)
    {
        $user = auth()->user();
        $image = Image::where('user_id', $user->id)->orderBy('created_at', 'desc')->first();
        return view('show', compact('user', 'image'));
    }

Route::get('show','HomeController@redirect');

リダイレクト先で前回のgetデータをそのまま取得しているから、1件前の投稿が表示されているのだと考えています。
であれば、リダイレクト先で再度GETを行えば解決できるのでは？と思うのですが、そんな方法はあるのでしょうか？

方法を検索するワードでも構いません。
リダイレクト後に再度getするような処理を教えてください。

Comments

[hoshi-takanori]

Vue 側は、いわゆる SPA ではないのですか？ axios で結果を受け取って、そのまま vue で表示内容を更新すれば良いのでは…。

[Fukusuke0604]

Vue側はいわゆるSPAです。
Laravel以上にVue側の知識に疎く、おっしゃられる、「 axios で結果を受け取って、そのまま vue で表示内容を更新」というのはどの様な処理でしょうか?

Vue側で遷移先ページを指定する処理を行う。
という事でしょうか？

その場合、Vue-routerを使う方法でいいでしょうか？

vue側のaxiosでPOSTするコードは以下の様に書いています。

//new FormData() を作成
const data = new FormData();
data.append("canvas", blob, "png");
data.append("title", title.value);
data.append("comment", comment.value);

axios
.post("/api/images", data)
.then((res) => {
console.log("success");
})
.catch((error) => {
new Error(error);
});

[hoshi-takanori]

SPA ということは、実際にはページ遷移せずに表示内容を JavaScript で書き換えて、ブラウザの履歴に細工をして URL が切り替わったように見せます。ので、リダイレクトもしません。
Vue は詳しくないので具体的なやり方は知りませんが、たぶんこのへんが参考になるのでは。
https://qiita.com/ksh-fthr/items/a4ac1d04d9923c550cd7