Vue.js Router: history mode and AWS S3 (RoutingRules)

I know this answer comes late but in case someone else is looking for another way to solve this in cloudfront, there's no need to create custom pages on s3 redirecting users when pages are not found. Instead of doing it, custom error responses can be created in cloudfront for the distribution.

This will always redirect to /index.html in case a file is not found and that will make the app route trigger.

If you use static hosting on AWS S3 and this is SPA app (React, Vue, Angular etc) you should set index.html as error page: