Vue-cli: Server SSL broken on vue ui

Created on 10 Sep 2019 · 6Comments · Source: vuejs/vue-cli

Version

Environment info

Steps to reproduce

Install everything from scratch node.js (10.16.3 LTS), npm and @vue/cli.
Then run vue ui

What is expected?

vue ui starts correctly

What is actually happening?

Firefox shows this error:
An error occurred during a connection to localhost:8000. SSL received a record that exceeded the maximum permissible length. Error code: SSL_ERROR_RX_RECORD_TOO_LONG

Chrome shows this error:
ERR_SSL_PROTOCOL_ERROR

Do you have any idea why the SSL of the ui could be broken?

Source

leolux

Most helpful comment

Yeah, that's it!
When adding http:// to the address bar in firefox the ui loads. But still I am not able to access http://localhost:8000 in chrome because chrome automatically switches to https://localhost:8000. Seems like a bug in chrome.

leolux on 12 Sep 2019

👍2

All 6 comments

Why are you accessing vue ui with https? I think we've only provided a normal http website.
http://localhost:8000 not https://localhost:8000

sodatea on 12 Sep 2019

leolux on 12 Sep 2019

👍2

Hey @leolux ,
Did you solve the problem? If yes, how?
Thanks.

umurakbulut on 29 May 2020

👍1

Hey @leolux ,
Did you solve the problem? If yes, how?
Thanks.

Dd-ouni on 16 Sep 2020

The issue has gone automatically after a view days. I guess that It has something todo with the Strict Content Policy which forces the browser to rewrite http requests to https.requests. As this enforcement does not last forever the issue got solved automatically.

leolux on 22 Sep 2020

From https://stackoverflow.com/questions/25277457/google-chrome-redirecting-localhost-to-https

Goto settings chrome://net-internals/#hsts
Type "localhost" into the "Delete domain security policies" section and delete

This removes the redirect to https