前端发送请求的时候，这种参数request: { phone: phone.value } 会乱码，如何解决

前端发送请求时，如果参数 `phone` 中的值 `phone.value` 存在乱码问题，可能是编码设置不当导致的。以下是几种常见的解决方案：

1. **检查字符集**：确保前后端使用的字符集一致。通常前端使用的是 UTF-8，后端也应设置为UTF-8。在发送请求前，你可以尝试对 `phone.value` 转换为统一的字符编码再发送。

let encodedPhone = encodeURIComponent(phone.value);

2. **设置Content-Type**：在HTTP请求头中设置 `Content-Type: application/x-www-form-urlencoded` 或者 `application/json`，这会影响数据的编码形式。对于JSON，可以将对象转换为字符串并指定 `application/json` 内容类型。

fetch(url, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ phone: phone.value })
})

3. **使用FormData**：如果你的数据是键值对的形式，并且包含非ASCII字符，可以考虑使用 `FormData` 对象，它会自动处理编码。

const formData = new FormData();
formData.append('phone', phone.value);

fetch(url, {
  method: 'POST',
  body: formData
})

4. **服务器端解码**：在接收请求的后端，记得对接收到的参数进行正确的解码，例如如果是 `application/x-www-form-urlencoded` 格式，需要使用 `decodeURIComponent()` 函数。

检查以上步骤后，如果问题仍然存在，可能就需要排查网络环境、代理服务器或者特定服务的编码规范设置了。