使用NodeJs模拟接口联调

1、新建一个js文件，通过NodeJs本地起一个服务 再通过前端代码实现接口调用

const http = require('http');
const circularJson = require('circular-json');

const hostname = '127.0.0.2'; // 本地服务
const port = 3000; // 端口
// mock的数据
const customRes = [{name:1},{name:2},{name:11},{name:22},{name:111},{name:222}];

const server = http.createServer((req, res) => {

  // GET请求
  // console.log(req.url,'req.url'); // get请求获取传参
  // res.statusCode = 200;  // 响应码
  // res.setHeader('Content-Type', 'text/plain');
  // res.end(circularJson.stringify(customRes));  // 返回response

  // POST请求
  req.on('data', params => {
  // 监听数据传输事件 POST请求获取传参
    console.log(params);
  })
  req.on('end', () => {
    res.statusCode = 200;  // 响应码
    res.setHeader('Content-Type', 'text/plain');
    res.end(circularJson.stringify(customRes));   // 返回response
  })
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

2、配置一下浏览器跨域，这里以谷歌为准
        配置浏览器跨域详细教程点这里：解决谷歌浏览器跨域问题 - 简书

3、前端代码调用接口

$.ajax({
 //请求方式
 type:'POST',
 //发送请求的地址
 url:'http://127.0.0.2:3000',
 //服务器返回的数据类型
 dataType:'json',
 //发送到服务器的数据，对象必须为key/value的格式，jquery会自动转换为字符串格式
 data:{},
 success:function(res){
  //请求成功函数内容
  console.log(res)
 },
 error:function(jqXHR){
  //请求失败函数内容
 }
});

最终展示：