Page with iframe not found after refresh

I have been commissioned to create a website that requires an iframe for a form, however, when the user refreshes the page that has the iframe, the website turns a Not Found error.

I dont have much insight on what could cause this, all I can say is that this is not an issue when running the site on a local server.

The page in question : https://rocky-mountain-funding.onrender.com/applynow
This site in question : https://rocky-mountain-funding.onrender.com/

If you go to the site and click on Apply Now, the page loads normally, if you go directly to the link, it does not work.

I am using Vue 3 as the framework for routing.

Any help would be appreciated, thank you.

Hi Michael,

Because you’re using a framework like Vue when you click around the site the Javascript framework handles the linking - when you’re deep linking via a direct link via a bookmark, iframe then the server doesn’t know where to direct your request.

From https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations - you may find that the instructions we provide for React app routing at https://render.com/docs/deploy-create-react-app#using-client-side-routing will solve your problem here,

Regards,

John B

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