用node自己写一个接口

最新推荐文章于 2025-03-04 10:38:19 发布

原创最新推荐文章于 2025-03-04 10:38:19 发布 · 620 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #node.js #jquery

node 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何使用Node.js和Express框架创建一个简单的接口，并通过jQuery进行AJAX请求。从初始化项目、安装依赖到实现跨域、配置数据和发送GET请求，一步步教你完成一个前端API测试的全过程。

用途：

自己做前端项目需要写一个接口测试

详细步骤：

默认装好了node的环境。
1、首先命令行npm init 创建一下package.json文件。
然后在项目目录上创建一个api.js文件。

2、会用到express框架，要install一下：
npm install express --save

3、完成后在api.js中写入代码如下：

var express = require('express');
var app = express();

app.all('*', function(req, res, next) {             
//设置跨域访问
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
    res.header("X-Powered-By",' 3.2.1');
    res.header("Content-Type", "application/json;charset=utf-8");
    next();
 });
var infor = [                       
//传前端的数据
    {
        name:'A',
        age:22,
        sex:'男',
        hobby:'basketball'
    },
    {
        name:'B',
        age:21,
        sex:'女',
        hobby:'shopping'
    },
    {
        name:'C',
        age:22,
        sex:'男',
        hobby:'music'
    },
    {
        name:'D',
        age:24,
        sex:'男',
        hobby:'game'
    },
    {
        name:'E',
        age:25,
        sex:'男',
        hobby:'sleep'
    },
]


app.get('/api',function(req,res){           
//配置接口api
    res.status(200),
    res.json(infor)
})

//配置服务端口
var server = app.listen(3002,function(){
    var host = server.address().address;
    var port = server.address().port;
    console.log('listen at http://%s:%s',host,port)
})

4、新建一个test.html，在其中导入jQuery

进行ajax请求：

$.ajax({
        type:'get',
        url:'http://localhost:3002/api',
        success:function(data){
            console.log(data)
        },
        error:function(err){
            console.log(err)
        }
    })

5、在终端中node api.js一下

6、打开浏览器，F12，请求成功！