Can't connect to API over HTTPS

[xuhcc]

When I open Web UI (version 2.4.1), it shows the "Failed to connect to the API." page. IPFS API is located at https://****:5002. In the browser console I see these messages:

Trying IPFS Companion index.js:4
🎛️ Customise your js-ipfs-api options by storing a `ipfsApi` object in localStorage. e.g. localStorage.setItem('ipfsApi', '/ip4/127.0.0.1/tcp/5001') index.js:8
Trying ipfs-api with custom api address /dnsaddr/****/tcp/5002/https index.js:11
Failed to connect to ipfs-api /dnsaddr/****/tcp/5002/https index.js:49
Processing queued call
["add_event",{"key":"IPFS_INIT_FAILED","count":1,"dur":0.012}]

If I replace /dnsaddr/ with /dns4/ then this error gets printed to console (in addition to the above):

Blocked loading mixed active content “http://****:5002/api/v0/stats/bw?stream-channels=true”

• OS: Linux
• Browser: Firefox 65.0.2

[lidel]

I updated the title to better reflect what is the problem.

[lidel]

@xuhcc Did you try to manually tell Web UI what is the multiaddr of your API?
Are you able to check if it helps?

Click the status icon in top right:

And then tweak default multiaddr of your API:

[xuhcc]

@lidel

Yes. In my case, API address on status page looks like /dns4/***.net/tcp/5002/https.
I also tried to remove ipfsApi key from local storage and re-open web UI from IPFS companion.

[lidel]

Ok, I can confirm there is a bug: https is not picked up from multiaddr, http is used in API test instead (call to /api/v0/stats/bw)

It seems multiaddr is passed to js-ipfs-http-client as-is: ipfs-redux-bundle/js-ipfs-api/index.js, may require an upstream fix.

Update: I can confirm, passing multiaddr to js-ipfs-http-client does not respect protocol: js-ipfs-http-client/src/index.js#L27-L28