Dynami c URL с Vue / Laravel

Question

У меня есть Vue маршрутизатор, который отображает данный элемент и добавляет подробности об элементах к URL-адресу, например: http://localhost:8000/item/1?name=Glass%20Item&category=glass.

. Это работает нормально, но проблема в том, что если я обновлю sh страница, которую я получаю 404 not found.

У меня есть данные элементов, сохраненные в localStorage, есть ли способ сохранить данный URL-адрес при обновлении?

Vue route:

    {
        name: "Item",
        path: "/item/:id",
        component: () =>
            import(/* webpackChunkName: 'item' */ "./pages/item.vue"),
        meta: {
    }

Как я передаю данные предметов:

            <router-link
                :to="{
                    name: 'Item',
                    params: { id: item.id },
                    query: { name: item.name, category: item.category }
                }"
            >

Laravel универсальный маршрут:

Route::get('/{any}', 'PagesController@index')->where('any', '.*');

PagesController@index:

    public function index() {
        return view('layout.main');
    }

Как я получаю данные об элементах (в ItemsController. php):

    public function index()
    {
        $items = Item::all();
        return response()->json($items);
    }

Я поступил неправильно? Любая помощь будет высоко ценится.