Acabo de empezar a aprender electronjs. He agregado axios en mi archivo preload.js
const axios = require('axios'); axios.get('https://jsonplaceholder.typicode.com/todos/1') .then(function (response) { // handle success console.log(response); }) .catch(function (error) { // handle error console.log(error); }) .then(function () { // always executed }); Obtengo un status:200 como respuesta, pero no hay datos de respuesta. tampoco hay mensajes de consola. ¿Me estoy perdiendo de algo? Pero si realizo la solicitud después de cargar el contenido, devuelve un error.
const axios = require('axios'); let getData = () => { axios.get('https://jsonplaceholder.typicode.com/todos/1') .then(function (response) { // handle success console.log(response); }) .catch(function (error) { // handle error console.log(error); }) .then(function () { // always executed }); } window.addEventListener('DOMContentLoaded', () => { getData(); }); lo anterior devuelve Refused to connect to 'https://jsonplaceholder.typicode.com/todos/1' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'connect-src' was not explicitly set, so 'default-src' is used as a fallback.
Tuve el mismo problema al cargar una imagen desde una URL externa a mi fondo. En mi index.ts (punto de entrada de la aplicación de electrones) me suscribo al evento "ready" y especifico este responseHeaders . * significa que podemos aceptar todos los recursos que deben cargarse para la página actual. No se recomienda usar el indicador * , pero solo lo uso para probar. Más: MDN
import { session, app } from "electron" app.on("ready", () => { session.defaultSession.webRequest.onHeadersReceived((details, callback) => { callback({ responseHeaders: { ...details.responseHeaders, "Content-Security-Policy": ["*"], }, }); }); })