Nuxt•2d ago

On every redirect I get /None not found

GET http://localhost:3000/None 404 (Page not found: /None) I do get this error on every reload. It originates in contentScript.bundle.js

2 Replies

kapa.ai•2d ago

Hi @Max. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Based on the information provided in the knowledge sources, it appears that you're encountering a 404 error related to routing in your Nuxt application. However, the specific error you're describing with "/None" is not directly addressed in the given sources. That said, I can provide some insights and potential solutions based on related information: 1. The error you're seeing might be related to how your routes are defined or how redirects are being handled in your Nuxt application. 2. One possible cause could be an issue with your route validation or error handling. As mentioned in the Nuxt documentation on routing, you can use route validation to handle invalid routes:

definePageMeta({
  validate: async (route) => {
    // Check if the id is made up of digits
    return typeof route.params.id === 'string' && /^\d+$/.test(route.params.id)
  }
})

definePageMeta({
  validate: async (route) => {
    // Check if the id is made up of digits
    return typeof route.params.id === 'string' && /^\d+$/.test(route.params.id)
  }
})

3. If the error persists, you might want to check your error handling setup. Nuxt provides ways to handle errors globally. You can create an error.vue file in your project root to customize error handling. Here's a basic example from the Nuxt error handling documentation:

<script setup lang="ts">
import type { NuxtError } from '#app'

const props = defineProps({
  error: Object as () => NuxtError
})
</script>

<template>
  <div>
    <h1>{{ error.statusCode }}</h1>
    <NuxtLink to="/">Go back home</NuxtLink>
  </div>
</template>

<script setup lang="ts">
import type { NuxtError } from '#app'

const props = defineProps({
  error: Object as () => NuxtError
})
</script>

<template>
  <div>
    <h1>{{ error.statusCode }}</h1>
    <NuxtLink to="/">Go back home</NuxtLink>
  </div>
</template>

4. The fact that the error originates in contentScript.bundle.js suggests it might be related to a browser extension. One user reported a similar issue that was resolved by disabling the ModHeader Chrome extension, as mentioned in a Stack Overflow post. 5. If you're using custom server middleware or API routes, ensure they're properly configured and not causing unexpected redirects. 6. You can use the setResponseStatus utility to set custom status codes for your responses, which might help in debugging. Here's an example from the H3 documentation:

export default defineEventHandler((event) => {
  setResponseStatus(event, 404, "Not Found");
  return "Not Found";
});

export default defineEventHandler((event) => {
  setResponseStatus(event, 404, "Not Found");
  return "Not Found";
});

If these suggestions don't resolve your issue, you might need to provide more details about your Nuxt configuration, routing setup, and any custom middleware or plugins you're using. Additionally, checking your browser console for more detailed error messages could provide further insights into the problem. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•2d ago

<@133652191910166528> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

Gaming

Programming

On every redirect I get /None not found

Did you find this page helpful?