Question

Digital Ocean Static SPA App - how to set htaccess

I want to host a SPA React app on a Digital Ocean static app, for this to be effective, I need to be able to share e.g. my-app.com/my-page

This results in a 404 error as it needs a .htaccess file to divert correctly as it will only resolve to the home page, my-app.com.

How can I add a .htaccess file that will take care of this routing?


Submit an answer
Answer a question...

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Sign In or Sign Up to Answer

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

KFSys
Site Moderator
Site Moderator badge
April 20, 2022

Hi @darrensweeney,

Static websites are not running apache so an .htaccess file won’t do.

There is a little workaround. Navigate to your SPA application under Apps in your Control Panel. Select the application you wish to make this change to.

Now go to the Settings tab, and scroll down to the bottom. There should be a section that says “Custom Pages”. Edit it, input “index.html” and save. Now wait for the redeployment to happen and it should work when you navigate to any paths!