To use a token based authentication (Implicit Flow) third party API providers usually require you to whiteliste a fully qualified HTTPS domain.
For a project created with
vue-cli hosting a HTTPS server is quite easy:
sudo vue-cli-service serve --host test.example.org --port 443 --https
But if your development environment does not support HTTPS or changing the host, you can use Caddy to forward the HTTPS traffic. An example with the domain
- Download caddy from github or with homebrew
brew install caddy
- Redirect domain to local:
echo "127.0.0.1 test.example.org" | sudo tee -a /etc/hosts > /dev/null
- Start reverse proxy:
caddy -host test.example.org -port 443 "proxy / localhost:8080" "tls self_signed"
https://test.example.organd accept the self signed cert. (make sure it is httpS)
Caddy will generate you a temporary self-signed certificate, but you can generate your own, for more check out the Caddy documentation
Disabling Chrome Security checks to bypass HSTS
You can type
thisisunsafe anywhere on the Google Chrome warning page and it will load it without warning.
Or start with
--ignore-certificate-errors, on macOS it would be:
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --ignore-certificate-errors &> /dev/null &
If you just want to allow local SSL certificates try out this Chrome option:
Before I found Caddy, I used my own solution GLoSS to start up a HTTPS reverse proxy with certificates.