Nuxt•2y ago

routes

Hi guys. Super new to nuxt. I've got the following route appearing when I

console.log(router.options.routes)

console.log(router.options.routes)

console.log(router.options.routes)

console.log(router.options.routes), but all attempts to navigate it return me to the default "/" page. Also noticing that the

{
    "name": "news",
    "path": "/news",
    "meta": {},
    "alias": []
}

{
    "name": "news",
    "path": "/news",
    "meta": {},
    "alias": []
}

{
    "name": "news",
    "path": "/news",
    "meta": {},
    "alias": []
}

{
    "name": "news",
    "path": "/news",
    "meta": {},
    "alias": []
}

index.vue:

<template>
  <Carousel @navigate="navigate"> </Carousel>
</template>
<script setup>

  const navigate = () => {
    return navigateTo({ path: '/news' });
  };
</script>

<template>
  <Carousel @navigate="navigate"> </Carousel>
</template>
<script setup>

  const navigate = () => {
    return navigateTo({ path: '/news' });
  };
</script>

<template>
  <Carousel @navigate="navigate"> </Carousel>
</template>
<script setup>

  const navigate = () => {
    return navigateTo({ path: '/news' });
  };
</script>

<template>
  <Carousel @navigate="navigate"> </Carousel>
</template>
<script setup>

  const navigate = () => {
    return navigateTo({ path: '/news' });
  };
</script>

news.vue

<template>
  <div>placeholder page</div>
</template>

<template>
  <div>placeholder page</div>
</template>

<template>
  <div>placeholder page</div>
</template>

<template>
  <div>placeholder page</div>
</template>

Been reading https://nuxt.com/docs/getting-started/routing and i can't seem to find what I'm missing. Can anyone point me in the right direction?

Nuxt

Routing · Get Started with Nuxt

Nuxt file-system routing creates a route for every file in the pages/ directory.

[

[PATH] Luckɣsեriike (Orin)•4/4/24, 4:59 PM

You have the nuxtpage element in your app.vue? https://nuxt.com/docs/api/components/nuxt-page

Nuxt

· Nuxt Components

The component is required to display pages located in the pages/ directory.

[

[PATH] Luckɣsեriike (Orin)•4/4/24, 5:02 PM

And maybe you’ll need to await the navigateTo function without return.

naitheinOP•4/4/24, 5:50 PM

Yep, here's my app.vue

<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>

<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>

Awaiting the navigateTonavigateTo , and even navigating to the url ie localhost:3000/newslocalhost:3000/news is still showing the index page

[

[PATH] Luckɣsեriike (Orin)•4/4/24, 6:26 PM

Just to make sure, you page is in the pages folder?

[

[PATH] Luckɣsեriike (Orin)•4/4/24, 6:29 PM

Share your navigate function

naitheinOP•4/4/24, 6:30 PM

Okay, I actually figured it out. I'm using a supabase extension and I had to explicitly tell it not to redirect after making a request.

  supabase: {
    key: process.env.SUPABASE_KEY,
    url: process.env.SUPABASE_URL,
    redirect: false <--- this line right here. not sure why it isn't set that way by default
  }

  supabase: {
    key: process.env.SUPABASE_KEY,
    url: process.env.SUPABASE_URL,
    redirect: false <--- this line right here. not sure why it isn't set that way by default
  }

Appreciate your time!

[

[PATH] Luckɣsեriike (Orin)•4/4/24, 6:31 PM

Ow damn hahah

[

[PATH] Luckɣsեriike (Orin)•4/4/24, 6:31 PM

Cool nice you found the issue

naitheinOP•4/4/24, 6:32 PM