Question

Digital Ocean Static SPA App - how to set htaccess

  • Posted April 19, 2022
  • React

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?

Subscribe
Share

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

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.

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!