Pagination in Inertiajs

Versions:

• @inertiajs/inertia version: “^0.8.4”
• @inertiajs/inertia-vue3 version: “^0.3.5”

Describe the problem:

This is my Vue Component Code for pagination

<inertia-link  v-if="$page.props.categories.meta.links[index].url"
                    :href="$page.props.categories.meta.links[index].url"
                    :headers="{ page: index }"
                    as="button" type="button">
              <span class="rounded-2 p-2 text-white mx-2"
                  :class="[ $page.props.categories.meta.links[index].active ? 'bg-dark cursor-default' : 'bg-red-600' ]"
                  v-html='$page.props.categories.meta.links[index].label'>
              </span>
</inertia-link>

This code for index in Laravel 8

public function index()
    {
        $categories = CategoriesResources::Collection(Categories::paginate(10));
        return Inertia::render('Categories/Index', ['categories' => $categories]);
    }

The problem is when I want to change the page its only change one page like from page[1] to page[3] and then I can’t change any more and that’s need Reloading the page

in inertia-linl tag I send to it Array of links how can I modify the URL link in the page without reload the page

[reinink]

When you access this app in your browser, what’s the URL? Is it different than http://localhost:8000? If yes, that’s the issue. You’ll need to look into how to properly set the app URL. I don’t think this is an Inertia issue.

[reinink]

Glad you got it figured out. 👍