title: Can't receive data from axios on API
body: <p>I have an axios post request on my Vue frontend which sends some data to an API endpoint (express). The problem is that I can't see any data on the controller that receive the post request.</p>
  
  <pre><code>//app.js
  
  var express = require('express')
  var cors = require('cors')
  var app = express()
  var port = process.env.port || 1337
  
  app.use(cors({origin: true}));
  var imagenmatriculaController = require('./controllers/imagenmatriculaController.js')()
  
  app.use("/api/imagenmatricula", imagenmatriculaController)
  
  app.listen(port, function () {})
  
  
  //imagenmatriculaController.js
  
  var express = require('express')
  var router = express.Router()
  var routes = function (){
      router.route('/')
          .post(function(req,res){
  
              console.log(req.data)
              res.json('ok')
          })
          return router
  }
  
  module.exports = routes
  </code></pre>
  
  <p>I do receive the request log on the server and the 'ok' back to the client but I get an undefined on the console.log(req.data);</p>
  
  <pre><code>//vue post
  
  var headers = {
      'Content-Type': 'application/json;charset=UTF-8',
      'Access-Control-Allow-Origin': '*'
  };
  
  axios.post('http://localhost:1337/api/imagenmatricula', {
                      headers: headers,
                      data: 'test'
                  })
                  .then(response =&gt; {
                      console.log(response);
                  }).catch(error =&gt; {
                      console.log(error);
                      console.log('ERROR::', error.response.data);
                  });
  </code></pre>