Vercel link Issue

[CEN-Smart]

Describe the bug

When deployed on vercel, only the home route(/) loads on browser refresh, but all other routes, on refresh displays and error of 404: NOT_FOUND
Code: NOT_FOUND
ID: cdg1::679rm-1715252919588-b1d53b1b0ef7

Reproduction

https://quick-filler.vercel.app/services

Steps to reproduce

No response

System Info

vite

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[iamabhijeet2003]

Hi there,

It seems like you're encountering an issue with Vue.js routing when deploying on Vercel. The problem you described, where only the home route (/) loads on browser refresh while other routes result in a 404 error, typically occurs due to how Vercel handles routing with single-page applications.

To resolve this issue, you can create a vercel.json file in the root directory of your project with the following content:

{
  "rewrites": [{ "source": "/:path*", "destination": "/index.html" }]
}

This configuration ensures that all requests are redirected to the index.html file, allowing Vue Router to handle client-side routing properly.

For more detailed information, you can refer to the Vue Router documentation on history mode and Vercel deployment here.

You can see vercel documentation for vuejs SPA's routing here

Note

This example is valid for vuejs apps, If you are using a different framework, the procediment is same, because the error is same (Routing error).

If the app is made in React you refer to this detailed solutions.

• Solution 1
• Solution 2

Let me know if this solves your problem!