Vue js deploy proble with route (the server responded with a status of 404 (Not Found) vue js)

1

I’am trying to deploy an vue app but when i click in other routes in the app i get the message the server responded with a status of 404 (Not Found)

2

What happens when you run the code locally?
Are you using WebHashHistory or html5 mode - webHistory

From the docs

When using createWebHistory(), the URL will look “normal,” e.g. https://example.com/user/id. Beautiful!

Here comes a problem, though: Since our app is a single page client side app, without a proper server configuration, the users will get a 404 error if they access https://example.com/user/id directly in their browser. Now that’s ugly.

Not to worry: To fix the issue, all you need to do is add a simple catch-all fallback route to your server. If the URL doesn’t match any static assets, it should serve the same index.html page that your app lives in. Beautiful, again!

Different History modes | Vue Router (vuejs.org)

3

Hi,

Sounds like you’re referring to a Static Site. If Vue routing works like React routing (client-side), you may need this rewrite: https://render.com/docs/deploy-create-react-app#using-client-side-routing

Alan

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.