Solicitud bloqueada por la política CORS: No se encontró el encabezado de acceso ‘Access-Control-Allow-Origin’ al establecer el tipo de contenido multipart/form-data.

Soy un traductor español que traduce documentos de TI. Traduzca lo siguiente al español. No traduzca el código y la salida en markdown.

Soy nuevo en react y nodeJS, y tengo un problema cuando hago una solicitud para actualizar e insertar datos con carga de imagen usando multer, envío los datos como formData.

Pero, obtengo un error de solicitud bloqueada por CORS mientras configuro el encabezado de tipo de contenido multipart/form-data con código de solicitud dinámico, lo he intentado en postman y funciona bien, y en otro proyecto también funciona perfectamente.

error:

El acceso a XMLHttpRequest en ‘http://localhost:3000/v1/data/insert’ desde el origen ‘http://localhost:3001’ ha sido bloqueado por la política CORS: No se encuentra presente el encabezado ‘Access-Control-Allow-Origin’ en el recurso solicitado.

aqui está el código

export async function put(url, data, config = {}) {
return axiosApi
.put(url, { …data }, { …config })
.then(response => response.data)
}

export const updateProduct = data =>
put(url.UPDATE_PRODUCT, data, {
headers: {
“content-type”: “multipart/form-data”,
},
})

API

app.use((req, res, next) => {
res.setHeader(‘Access-Control-Allow-Origin’, ‘*’);
res.setHeader(‘Access-Control-Allow-Method’, ‘GET, POST, PUT, PATCH, DELETE, OPTIONS’);
res.setHeader(‘Access-Control-Allow-Headers’, ‘Content-Type, Authorization’);
next();
})

en otra página he intentado insertar y actualizar datos pero sin subir archivos o sin enviar encabezados de tipo de contenido, ¿alguien puede ayudarme por favor?