Possible to serve a single insecure file (apple-touch-icon) on nginx for a Meteor app?
I have a Meteor app setup following this basic procedure: https://www.digitalocean.com/community/tutorials/how-to-deploy-a-meteor-js-application-on-ubuntu-14-04-with-nginx
The one problem I am currently having is that, on iOS when I open the site in Safari and then choose to “Add to Home Screen”, Safari does not seem to find the “apple-touch-icon” and use this icon for the home screen. This works when the app is deployed to meteor.com and when run locally on my development machine.
There appear to be two primary differences from those and this deployment:
- On Digital Ocean nginx is sitting in front of the Meteor app.
- On Digital Ocean things are setup to run over SSL.
At first I thought it might be an issue of using the temporary/fake certificate as suggested in the tutorial above. However this problem persists even after installing a legitimate certificate.
So now my theory is that, for some reason, iOS Safari doesn’t like accessing the apple-touch-icon over HTTPS at all, so I want to try serving that icon over HTTP.
Is it possible to modify the configuration offered in that tutorial do try that?
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.