How to get HTTPS working locally? #302

Activity

1. lesourcil commented on Oct 29, 2020

   

   lesourcil

   on Oct 29, 2020

   More actions

   Im not using Swarm and I'm exactly trying to figure out the samething. No matter what i change in docker-compose for treafik, it doesn't work.

   Still searching ...
2. abrichr commented on Oct 29, 2020

   

   abrichr

   on Oct 29, 2020

   Last edited by abrichr

   Author

   More actions

   Here's an extremely hacky workaround using https://github.com/rchampourlier/tunnelss. Assuming your development server's LAN IP is 192.168.0.98, and you want to access it with https on iOS:

   sudo gem install tunnelss
   touch ~/.pow/192.168.0
   echo "export POW_DOMAINS=98" > ~/.powconfig 
   sudo tunnelss 192.168.0.98:443 localhost:80
   

   Now https://192.168.0.98 proxies to http://localhost, and serves a certificate that is good enough for iOS Safari.

   (You will also need to set VUE_APP_DOMAIN_DEV=192.168.0.98 in frontend/.env.)

   The main drawback of this is that you need to restart the frontend via docker-compose every time you make a change, since vue-cli-service serve --https only generates a certificate for localhost, which won't work if you're accessing it over a LAN. To work around this, we can use tunnelss again:

   sudo tunnelss 192.168.0.98:8080 localhost:8080
   

   (This will also require adding https://192.168.0.98:8080 to BACKEND_CORS_ORIGINS in .env.)

   Now you can access https://192.168.0.98:8080 on iOS Safari with hot reloading.

   It would be great if there was a supported way to get https working locally!
3. haviduck commented on Nov 2, 2020

   

   haviduck

   on Nov 2, 2020

   More actions

   tried setting https true in vue config?
4. abrichr commented on Nov 2, 2020

   

   abrichr

   on Nov 2, 2020

   Author

   More actions

   @haviduck can you please clarify what you are referring to more specifically? Which vue config?
5. haviduck commented on Nov 3, 2020

   

   haviduck

   on Nov 3, 2020

   Last edited by haviduck

   More actions

   i havent tried it myself, but id try changing up the envs.
   https://github.com/tiangolo/full-stack-fastapi-postgresql/blob/490c554e23343eec0736b06e59b2108fdd057fdc/%7B%7Bcookiecutter.project_slug%7D%7D/frontend/src/env.ts#L10

   and on serve you can try the various vue cli options like --host and --port

   https://github.com/tiangolo/full-stack-fastapi-postgresql/blob/490c554e23343eec0736b06e59b2108fdd057fdc/%7B%7Bcookiecutter.project_slug%7D%7D/frontend/package.json#L6

   so "bla bla serve --host 127.0.0.1 --port 443

   if This is for development, id keep it simple and Just do chrome://flags/#allow-insecure-localhost

   theres also this

   https://github.com/tiangolo/full-stack-fastapi-postgresql/tree/master/%7B%7Bcookiecutter.project_slug%7D%7D#development-in-localhost-with-a-custom-domain
6. tiangolo

   added

   investigate

   on Nov 14, 2022
7. fastapi

   locked and limited conversation to collaborators on Jan 22, 2026
8. tiangolo

   converted this issue into a discussion #2124 on Jan 22, 2026