rust reqwest get/post 请求与前端 fetch 对比

在 Rust 中使用 reqwest 库发起 GET/POST 请求与前端 JavaScript 的 fetch API 在概念上相似，但在语法、异步处理和错误处理上有显著差异。以下是详细对比：

1. GET 请求对比

Rust (reqwest)

use reqwest;

#[tokio::main]
async fn main() -> Result<(), Box<dyn std::error::Error>> {
    // GET 请求
    let response = reqwest::get("https://api.example.com/data")
        .await?
        .text()
        .await?;
    
    println!("Response: {}", response);
    Ok(())
}

前端 JavaScript (fetch)

// GET 请求
fetch('https://api.example.com/data')
    .then(response => response.text())
    .then(data => console.log('Response:', data))
    .catch(error => console.error('Error:', error));

关键差异：

1. 异步模型：
   • Rust 使用 async/await 和 #[tokio::main] 运行时。
   • JavaScript 使用 Promise 和 .then() 链式调用（或 async/await）。
2. 错误处理：
   • Rust 通过 Result 类型和 ? 操作符显式处理错误。
   • JavaScript 通过 .catch() 或 try/catch（在 async 函数中）。
3. 类型安全：
   • Rust 需要显式处理响应类型（如 .text()、.json()）。
   • JavaScript 的 fetch 返回 Response 对象，方法更灵活。

2. POST 请求对比

Rust (reqwest)

use reqwest;
use serde_json::json;

#[tokio::main]
async fn main() -> Result<(), Box<dyn std::error::Error>> {
    let client = reqwest::Client::new();
    let response = client.post("https://api.example.com/data")
        .header("Content-Type", "application/json")
        .json(&json!({ "key": "value" })) // 需要 serde_json
        .send()
        .await?
        .text()
        .await?;
    
    println!("Response: {}", response);
    Ok(())
}

前端 JavaScript (fetch)

// POST 请求
fetch('https://api.example.com/data', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ key: 'value' })
})
    .then(response => response.text())
    .then(data => console.log('Response:', data))
    .catch(error => console.error('Error:', error));

关键差异：

1. 请求构建：
   • Rust 通过 Client::new() 和方法链（如 .header()、.json()）构建请求。
   • JavaScript 通过配置对象（第二个参数）定义请求。
2. JSON 处理：
   • Rust 依赖 serde_json 库序列化数据。
   • JavaScript 使用 JSON.stringify() 内置方法。
3. 客户端复用：
   • Rust 推荐复用 Client 实例（连接池优化）。
   • JavaScript 每次调用 fetch 隐式处理。

3. 通用差异总结

4. 高级功能对比

超时设置

• Rust:

  let client = reqwest::Client::builder()
      .timeout(Duration::from_secs(5))
      .build()?;
  

• JavaScript:

  const controller = new AbortController();
  setTimeout(() => controller.abort(), 5000);
  fetch(url, { signal: controller.signal });
  

拦截器/中间件

• Rust: 通过 Client 的方法链或自定义 Middleware。
• JavaScript: 封装 fetch 或使用库（如 Axios 的拦截器）。

5. 何时选择？

• Rust (reqwest):
  • 需要高性能或命令行工具。
  • 与 Rust 后端服务集成。
  • 需要强类型安全和运行时控制。
• JavaScript (fetch):
  • 浏览器前端开发。
  • 快速原型开发（语法更简洁）。

通过以上对比，可以看出 Rust 的 reqwest 在功能上与 fetch 对齐，但提供了更强的控制和类型安全，适合系统级或高性能场景，而 fetch 在前端开发中更为便捷。