Redirect all routes to index.html (PWA)

[bymarco]

Question:

Is there an easy way to redirect for a Vue.js Router? Say the user navigates to foo.com/bar directly, I want to load index.html and have the router capture /bar and handle routing.

Right now, Vue.js as a static site cannot do this without some sort of Node.js proxy which I want to avoid.

I can do this easily in AWS with CloudFront by forwarding 403s to index.html with response 200.

[NateDhaliwal]

Hey, @bymarco welcome to the forums!

Can you please provide a link to the repl? This way it is easier for staff and members of the community to help you!

Also see this guide on how to share your code:

How to share your code

To share your code with others, you can simply link to your repl or paste and format the code into your post! Linking to a repl The easiest way to share your code is by linking to your repl. You can find the link by clicking on your repl title, clicking on Cover page, and clicking the button to copy the URL. NOTE: only share repl join links or use the invite button with people you trust! Sharing short code samples Share a snippet of your code by wrapping it in backti…

[bymarco]

I found the solution. Add this to your .replit file.

[[deployment.rewrites]]
from = "/*"
to = "index.html"