Estoy usando Uppy TUS JS Client para cargar archivos a mi servidor remoto en un VPS que ejecuta Nodejs + PM2 + socketio. El servidor funciona bien y soy capaz de enviar y recibir datos de ida y vuelta muy bien con mi aplicación web. No hay problema allí. El problema es con Uppy Uploader. Cuando intento enviar archivos a mi servidor, recibo los siguientes errores:
El acceso a XMLHttpRequest en 'https://server.mywebsite.com/user/user11650066423047cloud/cloud/' desde el origen 'http://localhost' ha sido bloqueado por la política de CORS: la respuesta a la solicitud de verificación previa no pasa la verificación de control de acceso: No hay ningún encabezado 'Access-Control-Allow-Origin' en el recurso solicitado.
[Uppy] [12:31:02] Error al cargar 1.png Esto parece un error de red, es posible que el punto final esté bloqueado por un proveedor de Internet o un firewall.
Estos son mis códigos:
<!-- Load Uppy CSS bundle. It is advisable to install Uppy from npm/yarn instead, and pick and choose the plugins/styles you need. But for experimenting, you can use Transloadit's CDN, Edgly: --> <link rel="stylesheet" href="https://releases.transloadit.com/uppy/v2.9.3/uppy.min.css"> <link rel="stylesheet" href="https://transloadit.edgly.net/releases/uppy/v1.7.0/uppy.min.css"> <!-- Load Uppy JS bundle. --> <script src="https://transloadit.edgly.net/releases/uppy/v1.7.0/uppy.min.js"></script> <script src="https://releases.transloadit.com/uppy/v2.9.3/uppy.min.js" type="module"></script> <script src="https://releases.transloadit.com/uppy/v2.9.3/uppy.legacy.min.js" nomodule></script> <script src="https://releases.transloadit.com/uppy/locales/v2.0.8/ru_RU.min.js"></script> //uppy var uppy = new Uppy.Core() .use(Uppy.Dashboard) .use(Uppy.Tus, {endpoint: path, headers: {} }) // And display uploaded files uppy.on('upload-success', (file, response) => { const url = response.uploadURL const fileName = file.name const li = document.createElement('li') const a = document.createElement('a') a.href = url a.target = '_blank' a.appendChild(document.createTextNode(fileName)) li.appendChild(a) document.querySelector('.uploaded-files ol').appendChild(li); console.log(li); }) uppy.on('complete', (result) => { console.log('Upload complete! We've uploaded these files:', result.successful); }) uppy.getPlugin('Dashboard').openModal();