Qlik Sense Mashup Failed To Render Due To XMLHttpRequest "Cross Origin Requests" Error

[ToniKautto]

A Qlik Sense mashup does not render as expected.

Web traffic trace or browser's developer tools show an XMLHttpRequest Cross Origin request error, for example as below.  

Environment: 

Qlik Sense Enterprise on Windows

URL reference in the error message has an invalid syntax, where the port number is not followed by a slash. 

This can be caused by the config.prefix not being properly defined in the mashup's JavaScript file. For example, the config.prefix is defined as an empty string. 

var config = {
    host: "myqliksense.serverdomain.com",
    prefix: "",
    port: window.location.port,
    isSecure: window.location.protocol === "https:"
};

The config.prefix must be defined to match the virtual proxy prefix value defined in Qlik Sense Management Console (QMC). If the virtual proxy prefix is blank in QMC, the config.prefix must be defined with a slash.

var config = {
    host: "myqliksense.serverdomain.com",
    prefix: "/",
    port: window.location.port,
    isSecure: window.location.protocol === "https:"
};

For additional troubleshooting steps and similar issues/solutions, see Related Content. 

Related Content

Missing SameSite attribute blocks requests in Chrome 80 and later 
Qlik Sense Mashup Fails To Render When Deployed To Webserver