使用axios发送表单数据和非表单数据可以通过不同的方式实现。下面是两种常见的解决方法。

1. 发送表单数据：

import axios from 'axios';

const formData = new FormData();
formData.append('username', 'test');
formData.append('password', '123456');

axios.post('/api/login', formData)
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

2. 发送非表单数据（JSON数据）：

import axios from 'axios';

const data = {
  username: 'test',
  password: '123456'
};

axios.post('/api/login', data)
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在第一个示例中，我们创建了一个FormData对象，并使用append方法添加表单字段和值。然后，我们使用axios的post方法发送FormData对象到服务器。

在第二个示例中，我们直接创建一个包含用户名和密码的JavaScript对象。然后，我们使用axios的post方法发送JSON数据到服务器。

无论发送表单数据还是非表单数据，axios都可以根据数据类型自动设置Content-Type头部。对于表单数据，它会设置为multipart/form-data，对于JSON数据，它会设置为application/json。