vue 3 post请求传多个参数 后端取不到值

如果你在 Vue 3 中使用 axios 或者 fetch API 发送 POST 请求传递多个参数，但是在后端无法获取这些参数的值，可能是因为请求头未设置正确导致的。

在使用 axios 或者 fetch API 发送 POST 请求时，需要设置请求头的 Content-Type 为 application/x-www-form-urlencoded。这样服务器才能正确解析请求体中的参数。

以下是设置请求头的示例代码：

import axios from 'axios';

const data = {
  param1: 'value1',
  param2: 'value2',
  param3: 'value3'
};

axios.post('/api/endpoint', data, {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  }
})
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.log(error);
  });

在上面的示例中，我们通过在 axios.post() 方法的第三个参数中设置 headers 来设置请求头，其中 Content-Type 设置为 application/x-www-form-urlencoded。

如果你使用的是 fetch API，可以使用 Request 对象来设置请求头。以下是使用 fetch API 发送 POST 请求并设置请求头的示例代码：

const data = new URLSearchParams();
data.append('param1', 'value1');
data.append('param2', 'value2');
data.append('param3', 'value3');

fetch('/api/endpoint', {
  method: 'POST',
  body: data,
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  }
})
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.log(error);
  });

在上面的示例中，我们使用了 URLSearchParams 对象来构造请求体，并通过设置 headers 属性来设置请求头。