Mi aplicación de mecanografiado de reacción no puede cargar los recursos de la API y devuelve este error:

 Content Security Policy: The page's settings blocked the loading of a resource at http://api.xxxxx.com/v1/blogs (“default-src”).

Estoy usando axios y así es como se ve mi solicitud:

 const headers = { 'Content-Type': 'application/json', 'Content-Security-Policy': 'default-src \'self\'', 'Access-Control-Allow-Origin': '*', }; const { data } = await this.$http.get<Item>(url, { headers });

También agregué esta línea en index.html

 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

Permite en modo dev, pero implementé usando aplicaciones web estáticas de Azure y ahí es donde falla la carga del recurso, estaba pensando si tiene que ver con alguna configuración de Azure.

Editar1

Intenté todas las sugerencias de esta pregunta pero no resolví el problema.