Reaching parse server from https fails with ERR_SSL_PROTOCOL_ERROR

[perottosson]

I have a parse server connected with my quasar framework. I have some problems connecting to the server with https. Http works fine though.

Running http works without any problems:

quasar.config.js

// Full list of options: https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-devServer
devServer: {
  https: false,
  port: 8080,
  open: true, // opens browser window automatically
},

boot/parse.js

import Vue from "vue";
let parse = require("parse");

parse.serverURL = "http://XXX.XXX.XXX.XXX:XXXX/parse";

parse.initialize(
  "mylogin","mypassword"
);

Vue.prototype.$parse = parse;

But as soon as I switch to https (by deploying my dev server using mkcert, it fails:

quasar.config.js

// Full list of options: https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-devServer
devServer: {
  https: true,
  key: fs.readFileSync('./src/certificates/localkey.pem'),
  cert: fs.readFileSync('./src/certificates/localcrt.pem'),

  port: 8080,
  open: true, // opens browser window automatically
},

boot/parse.js

import Vue from "vue";
let parse = require("parse");

parse.serverURL = "https://XXX.XXX.XXX.XXX:XXXX/parse";

parse.initialize(
  "mylogin","mypassword"
);

Vue.prototype.$parse = parse;

With the errorcode:

net::ERR_SSL_PROTOCOL_ERROR

Error: 100 XMLHttpRequest failed: "Unable to connect to the Parse API"

How can I fix this?

[hawkeye64]

From the quasar docs

You appear to be missing one...

[rstoenescu]

He's not only missing one, but key and cert are directly under devServer instead of devServer > https

[perottosson]

that might be but that is not the problem. I get the same error when I build it.

net::ERR_SSL_PROTOCOL_ERROR

Error: 100 XMLHttpRequest failed: "Unable to connect to the Parse API"