AWS Amplify and Vue router history mode

Question

I have a Vue app that uses Vue router. Now I'm supposed to make a website for a client where one part is "secret" and can only be accessed through a direct link.

In other words, I want users to be able to navigate to myamplifyapp.com/mysecretpage just by entering this in the address bar.

I heard this works with Vue router history mode, set it up locally (apache) and everything is working well, but when I'm deploying it on Amplify, I can't access this page directly through a link, instead it just goes to index.html. Is there any way I can configure Amplify to make this work?

Radu Diță · Accepted Answer · 2020-04-30 12:10:52Z

1

You can add a redirect to point users to index.html.

Something like this should work:

/<*> /index.html 200.

You'll probably want js/css files to not be redirected. For that you can try the reg exp from the link.

answered Apr 30, 2020 at 12:10

Radu Diță

14.3k2 gold badges33 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tobias Feil Over a year ago

Sorry, maybe I didn't make myself sufficiently clear. I updated the question... I want them to be able to go to a specific part of the page through the address bar. Either way, thanks even if only for the link, that's valuable!

Collectives™ on Stack Overflow

AWS Amplify and Vue router history mode

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related