No sé cómo este código laravel-echo y axios en cloudinary tienen una relación. pero cuando elimino el comentario de este código en el archivo boostrap.js => axios en cloudinary obtuvo un error Error: Network Error at createError (app.js :14404) at XMLHttpRequest.handleError (app.js:13851)

boostrap.js : (si comenta este código, el axios a continuación funciona correctamente)

 import Echo from 'laravel-echo'; window.Pusher = require('pusher-js'); window.Echo = new Echo({ broadcaster: 'pusher', key: process.env.MIX_PUSHER_APP_KEY, cluster: process.env.MIX_PUSHER_APP_CLUSTER, forceTLS: true });

axios up image to cloudinary => Error Network

 upload: function() { let reader = new FileReader(); reader.addEventListener("load", function() { this.fileContents = reader.result; this.prepareFormData(); let cloudinaryUploadURL = `https://api.cloudinary.com/v1_1/dm9r6ilqz/upload`; let requestObj = { url: cloudinaryUploadURL, method: "POST", data: this.formData, }; axios(requestObj) .then(response => { this.results = response.data; this.message = this.message + `<img src="${this.results.url}"/>` }) .catch(error => { this.errors.push(error); console.log(error); }) .finally(() => { }); }.bind(this), false ); if (this.file && this.file.name) { reader.readAsDataURL(this.file); } },

¿Cómo puedo mantener el código en boostrap.js sin error cuando axios?