Localhost SSL connection to api ERR_SSL_PROTOCOL_ERROR

Question

I'm trying to connect to an API via Chrome in my dev environment.

I have configured the localhost to run under SSL for testing,

When I connect to the API with https:// I get this error

request.js:132 OPTIONS https://api.thenounproject.com:80/icons/test
net::ERR_SSL_PROTOCOL_ERROR

To get the local dev running on https in Chrome I've had to enable :

chrome://flags/#allow-insecure-localhost. 

Is there anyway around these pesky security issues in development environment?

Answer 1

Old question, and probably you already have an answer, but I'll post it anyway as it is the top hit on google if you look for ERR_SSL_PROTOCOL_ERROR and localhost (with 732 views).

I had this error with NGINX and got ERR_SSL_PROTOCOL_ERROR in google chrome. Googling that error message didn't give me a quick answer. Firefox however throws SSL_ERROR_RX_RECORD_TOO_LONG. Googling that error message led me to this answer on Server Fault and its accepted answer worked for me.

All I had to do was add ssl to the listen line in the server block:

listen 443 ssl;

NGINX documentation also mentions that.

To configure an HTTPS server, the ssl parameter must be enabled on listening sockets in the server block, and the locations of the server certificate and private key files should be specified: