Question

How to add a htaccess file to my app/static site?

Posted March 14, 2021 981 views
DigitalOceanAngularHTMLDigitalOcean App PlatformBuilding on DigitalOcean

Hi,

I’m running an Angular app as an app/static site. I want to add a htaccess file to control some Angular routing. How/where can I do this?

Best regards
MrHansen

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.

×
Submit an Answer
2 answers

Hi @MrHansen,

I believe websites on App Platform are not served by an apache server, so an .htaccess file will have no effect.

Having said that, I’ve gone over our community and found a similar issue that was resolved again regarding Angular Websites on App Platform and believe it will be beneficial for you.

You can check it out here :

https://www.digitalocean.com/community/questions/angular-routes-not-working-on-static-app

Please check it out and see if it does help you indeed.

Regards,
KFSys

  • Hi @KFSys

    Thank you for the link!

    It helped me and solved my problem. I inserted “catchall_document: index.html” in my app spec.

    Best regards,
    MrHansen

    • Hi @MrHansen,

      I’m glad to hear that you were managed to solve your problem!

      If you have any future issues like that, please post them in the community, that’s what it is here for!

I think that the static sites are deployed into a block storage like spaces, where no http server which could interpret .htaccess, My solution was in React App to change the routing and use bookmark # like mysite.com/#dashboard to make it work, If you are not satisfied with this solution I think you have to create a dynamic site with http server behind.