Why is nothing returned when sending via axios?

Question

Vue.js

I send a simple request to a php file, but an empty request is returned.

axios.post('/ajax/data.php', {test: 'test'})
.then((response) => {
let data = response['data'];
   console.log(data);
})
.catch((error) => {
   console.log('error', error);
});

php file
echo 'post= ' . json_encode($_POST);

result post= []

File available, static string '123' will be returned.

I can't figure out what's the problem?

Answer 1

In general, understood.
Rewrote it like this:

const bodyFormData = new FormData();
bodyFormData.set('data', JSON.stringify({
   url: this.url,
   test: 'test'
}));

axios({
  method: 'post',
  url: '/ajax/data.php',
  data: bodyFormData,
})

You can also do this:

axios.post(
  '/ajax/data.php',
  'data=' + JSON.stringify({
    url: this.url,
    test: 'test'
  })
)

php file:

$data = json_decode( html_entity_decode( stripslashes ($_POST['data']) ) );
echo json_encode($data);

Answer 2

I can assume that you need to do not echo but use return.