Axios GET 请求参数传递与Express服务端接收实践指南

import axios from 'axios';

// 假设要查询的用户地址
const userWalletAddress = '0x123...abc';

// 使用params配置项发送GET请求
// Axios会自动将params对象转换为查询字符串：/api/products?address=0x123...abc
axios.get('/api/products', {
  params: {
    address: userWalletAddress
  }
})
.then(response => {
  console.log('产品数据:', response.data);
})
.catch(error => {
  console.error('获取产品失败:', error);
});

// 另一种更直接的写法，但推荐使用params以提高可读性和避免手动编码
// axios.get(`/api/products?address=${userWalletAddress}`)

const express = require('express');
const app = express();
const port = 3000;

// 处理获取产品列表的GET请求
app.get('/api/products', (req, res) => {
  // req.query 对象包含了所有查询字符串参数
  const userAddress = req.query.address;

  if (userAddress) {
    console.log(`收到查询请求，用户地址为: ${userAddress}`);
    // 在这里执行数据库查询逻辑，根据userAddress获取相应的产品
    // 示例：返回一些模拟数据
    res.status(200).json([
      { id: 1, name: 'Product A', owner: userAddress },
      { id: 2, name: 'Product B', owner: userAddress }
    ]);
  } else {
    res.status(400).send('缺少用户地址参数。');
  }
});

app.listen(port, () => {
  console.log(`服务器运行在 http://localhost:${port}`);
});

import axios from 'axios';

const newProductData = {
  name: 'New Gadget',
  description: 'A cool new device.',
  ownerAddress: '0x456...def'
};

// 使用POST方法，数据通过请求体发送
axios.post('/api/products', newProductData)
  .then(response => {
    console.log('产品创建成功:', response.data);
  })
  .catch(error => {
    console.error('产品创建失败:', error);
  });

const express = require('express');
const app = express();
const port = 3000;

// 使用express.json()中间件来解析JSON格式的请求体
app.use(express.json());

// 处理创建产品的POST请求
app.post('/api/products', (req, res) => {
  // req.body 对象包含了请求体中的数据
  const { name, description, ownerAddress } = req.body;

  if (name && description && ownerAddress) {
    console.log(`收到创建产品请求: ${name}, 拥有者: ${ownerAddress}`);
    // 在这里执行数据库插入逻辑
    // 示例：返回创建成功的消息
    res.status(201).json({ message: '产品创建成功', product: { name, description, ownerAddress, id: Date.now() } });
  } else {
    res.status(400).send('缺少必要的产品信息。');
  }
});

app.listen(port, () => {
  console.log(`服务器运行在 http://localhost:${port}`);
});