vue中axios 的post和get请求 content-Type为form-data怎么传参 举例说明

在Vue中使用axios进行post和get请求的Content-Type为form-data时，可以使用FormData对象来构造请求参数。举例说明如下：

1. post请求

// 构造请求参数
let formData = new FormData();
formData.append('username', '张三');
formData.append('password', '123456');

// 发送post请求
axios.post('/api/login', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
}).then(response => {
  // 处理响应结果
}).catch(error => {
  // 处理异常情况
});

2. get请求

// 构造请求参数
let params = new URLSearchParams();
params.append('page', '1');
params.append('limit', '10');

// 发送get请求
axios.get('/api/user', {
  params: params,
  headers: {
    'Content-Type': 'multipart/form-data'
  }
}).then(response => {
  // 处理响应结果
}).catch(error => {
  // 处理异常情况
});

需要注意的是，在使用FormData对象构造请求参数时，要使用append方法添加参数，而不能直接使用对象字面量。此外，在headers中指定Content-Type为multipart/form-data，以告知服务器接收的参数类型。