Unexpected field ERROR in multer file upload

Question

I'm setting up a server to run my project and using multer on the backend. However, whenever I try to send an image from my frontend to the backend, i get message: "Unexpected field", name: "MulterError", frames.

dependencies that i'm using in my server.js:

const express = require('express')
const multer  = require('multer')
const upload = multer({ dest: 'uploads/' })
const app = express()
var singleUpload = upload.single('featuredImage');
const bodyParser = require('body-parser')
const cookieParser = require('cookie-parser')
const cors = require('cors');
var axios = require("axios");

code in server.js:

 app.use(bodyParser.json())
 app.use(cookieParser())

 app.post('/uploads', singleUpload, function (req, res, next) {
     axios.post('http://api.com/api/public/nuxt', 
      upload,
     {     
      headers: 
     {
     'Content-Type': 'multipart/form-data',
     }   
    })
 .then(function(result) {
    console.log('SUCCESS!!!!!!!!!!!');
    console.log(result.data);

 }) .catch(function(){ 
   console.log('FAILURE!!!!1!!!!');
 });
   return res.json({"status":"success"})
})

 module.exports = app