通过restful前端和后端怎么联调，代码详细举例

RESTful风格的前后端联调通常基于HTTP协议，前端发送GET、POST、PUT、DELETE等请求到预设的API地址，而后端处理这些请求并返回JSON格式的数据。这里简单举个例子：

前端（JavaScript, 使用axios库）:

// 定义一个获取用户信息的函数
const getUser = async (userId) => {
  try {
    const response = await axios.get('/api/users/' + userId);
    return response.data; // 返回从服务器接收到的用户数据
  } catch (error) {
    console.error('Error fetching user:', error);
  }
};

// 调用函数，传入用户ID
getUser(1).then(data => console.log(data));

后端（Node.js with Express框架）:

const express = require('express');
const app = express();
app.use(express.json()); // 解析JSON请求体

// 定义一个用户路由处理GET请求
app.get('/api/users/:id', (req, res) => {
  try {
    const userId = req.params.id;
    const userInfo = { id: userId, name: 'John Doe' }; // 假设这是数据库查询结果
    res.status(200).json(userInfo); // 发送成功响应，JSON格式
  } catch (error) {
    res.status(500).json({ error: 'Internal server error' });
  }
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在这个示例中，当前端调用`/api/users/1`时，后端会根据这个路径查找对应的用户ID，并返回包含用户信息的JSON响应。