Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

275
Visualizações
how to fix uri undefined error when trying to send request

when I'm trying to call the request in front node, I'm getting error in my backend node " RequestError: Error: Invalid URI "undefined"" , it seems like backend node request is not getting the data form my frontend node request. knowing that uploadLink already have a value and in my browser console the frontend request looks ok enter image description here my backend request code

const ThumbnailUpload = async (req, res) => {
  const { Uploadlink } = req.body;
  const { selectedFile } = req.body;
  const clientServerOptions = {
    uri: `${Uploadlink}`,
    body: JSON.stringify({
      name: selectedFile,
    }),
    method: 'PUT',
    headers: {
      'Content-Type': ' application/json',
      Accept: 'application/vnd.vimeo.*+json;version=3.4',
      Authorization: getVimeoAuthorization(),
    },
  };
  request(clientServerOptions, function (error, response) {
    if (error) {
      res.send(error);
    } else {
      const body = JSON.parse(response.body);
      res.send(body);
    }
    console.log(Uploadlink);
  });
};

and my frontend code is

const handleSubmit = (event) => {
    event.preventDefault();
    const formData = new FormData();
    formData.append(
      'selectedFile',
      new Blob([selectedFile], { type: 'image/jpg, image/png, or image/gif' }),
    );
    formData.append('uploadLink', uploadLink);

    const headers = {
      'Content-Type': 'image/jpg, image/png, or image/gif',
      Accept: 'application/vnd.vimeo.*+json;version=3.4',
    };

    try {
      axios
        .post(`${backendPostPath}/thumbnail-upload`, formData, {
          headers,
        })
        .then((response) => {
          applyThumbnial();
          console.log(response);
        });
    } catch (error) {
      console.log(error);
    }
  };

any advise ?

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

change:

const { Uploadlink } = req.body;

to:

const { uploadlink } = req.body;

make variable consistent throughout the code

EDIT

also, since you're uploading a file, you need to use upload middleware before request handler, and file will be within req.file:

route.post('/thumbnail-upload', upload.single('selectedFile'), ThumbnailUpload);

//... handler..
const selectedFile = req.file;
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda