API en el componente que no funciona tras el despliegue

Block.js =>

const bm = editor. Jefe de bloque;
  const canvas = editor. Lienzo
  bm.add('comp-block', {
      etiqueta: 'Componente',
      categoría: 'Extra',
      Contenido: {
        Tipo: 'Prueba de componentes'
      },
      atributos: {
          Clase: 'FA Fa-Bars'
      },

});

Component.js =>

editor. DomComponents.addType('component-test', {
      modelo: {
        Predeterminados: {
          endpoint: ' // API URL // ', 
          Rasgos: [
            {
              tipo: 'select',
              Nombre: 'Endpoint',
              cambioProp: 1,
              Opciones: ['Punto final'],
            }
          ]
        },
        init() {
          this.listenTo(this, 'change:endpoint', this.refreshContent);
          this.refreshContent();
        },
         refreshContent() {
          const { endpoint } = this.attributes;
          const response = axios.get(endpoint,
          {
          cabeceras: {
            'Aceptar': 'solicitud/json',
            'Tipo de contenido': 'aplicación/json',
            }
          })
           var result= // API Response //
              this.components(resultado);
        } 
      }
    });

Podemos llamar a la API y funciona en Deployment cuando estamos pasando todo el html con script, cuerpo, estilo en Atributo de contenido del Administrador de bloques

Contenido:
 <script>
    var request = new XMLHttpRequest()
          request.open('GET',' // URL DE LA API // ', verdadero)
          request.setRequestHeader("Content-type", "application/json; charset=UTF-8");
          request.setRequestHeader("Aceptar", "application/json, text/plain, */*");
           request.onload = function(){
          var jsonData = JSON.parse(this.response)
        
request.send()
</script>

Pero cuando la API se llama a través del Component, no funciona cuando la página carga en el despliegue. Solo funciona cuando la suelto en el editor y no cuando carga como una URL desplegada.

Ejemplo:

modelo: {
		Predeterminados: {
			endpoint: ' API URL ', // algún prop para el rasgo
			Rasgos: [
				{
					tipo: 'select',
					Nombre: 'Endpoint',
					cambioProp: 1,
					Opciones: [ 'Endpoint' ],
				}
			]
		},
		init() {
			this.listenTo(this, 'change:endpoint', this.refreshContent);
			this.refreshContent();
		},
		async refreshContent() {
			const { endpoint } = this.attributes;
			const response = esperar a obtener(endpoint);
			...
			Sea resultado = '';
			// ...  Resultado HTML de la respuesta asíncrona
			...			
			this.components(resultado);
		}
	}