Vue spa template urls

ServiceStack VS Vue
1

Using the Vue spa template, I’m getting for routes that are not protected you can copy and paste a url into the address bar and the url is unchanged after the page loads .e.g.

Entering https://localhost:5173/counter?id=1

image
image1220×298 24.8 KB

Doing the same on a protected route the query disappears

Entering https://localhost:5173/bookings-auto?id=1

image
image1207×473 45.4 KB

Not sure if this is by design or an oversight?

Thanks

2

You should be able to change your App’s routing behaviour in its routing.ts

3

Thanks for that, just interested in the why it is like that, I don’t want to hack at something fundamental like that for the template solution and shoot myself in the foot later on.

4

The routing behavior is implemented by vue-router and configured in your App’s routing.ts. We don’t have control over or support 3rd party JS libs.

5

Its not my template and it doesn’t look like it was to do with vue-router either. There isn’t enough history in your repo to see how it got there.

Modifying the code from the vue-spa template

to

    const invalidAttrRedirect = (to: RouteLocationNormalized, guardAttr: string, userAttrs: string[]) => userAttrs.indexOf('auth') === -1
        ? Routes.signin(to.fullPath)
        : Routes.forbidden()

Preserves the query strings when the user refreshes the page or manually enter the url. Hope it saves someone time figuring it out in the future.

1 Like