Tableau Javascript API HTTPS isn't working

Question

I am trying to embed a report onto my website but getting the following error

Mixed Content: The page at 'https://mywebsite.com/blah/blah' was loaded over HTTPS, but requested an insecure resource 'http://my-tableau-report-location.com/dashboard'. This request has been blocked; the content must be served over HTTPS.

But on my JS API call I have the url with 'HTTPS://' ie 'https://my-tableau-report-location.com/dashboard'

Do I need to add an API option to make it HTTPS? What am I missing?

Answer 1

Most likely cause for this problem is that SSL has not been enabled or configured properly on Tableau server.

You will need a valid certificate to do do this. It can be configured on your tableau server configuration utility > SSL > External webserver SSL.

Here is a detailed guide

I would recommend to skip configuring 'mutual' SSL as it seems to cause even more headaches.