前端用node写个接口自己用

做前端的朋友，有没有这种感觉。做个项目要用到接口调数据的时候，突然发现你们的后台大锅接口还木有写好又或者其他还没调联好，也还没办法给你地址。那这时候可以自己写个假数据来模拟着先。自从node出来之后，对我们前端的银来说，这个厉害惨了，一些简单接口咱们也可以自己写自己调了，也比较简单~先不麻烦你后台哥哥码文档了！

下面上代码：

默认装好了node的环境哈。没安装node的可以先下载安装，然后相关node和npm的一些基础可以去官网看看先。
首先命令行npm init 创建一下package.json文件。
然后在项目目录上创建一个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:'jay',
        age:20,
        sex:'男',
        hobby:'basketball'
    },
    {
        name:'贼好玩',
        age:23,
        sex:'女',
        hobby:'shopping'
    },
    {
        name:'高渐离',
        age:24,
        sex:'男',
        hobby:'music'
    },
    {
        name:'小红',
        age:28,
        sex:'男',
        hobby:'game'
    },
    {
        name:'Tony',
        age:24,
        sex:'男',
        hobby:'no'
    },
]


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)
})

然后上面用到了express框架，所以要install一下，直接在命令行里安装并写入依赖里
npm install express --save
到这里其实接口就完了。这么简单？？？？对，就是这么简单。
然后再去html里面用ajax请求一下。

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

再F12打开控制台窗口，看到下面这个返回的数据，就已经ok的了。

image.png

其实我也是最近在学习的node中，如果上面有哪里写错话的可以指出来哟，谢谢！

前端用node写个接口自己用

下面上代码：

推荐阅读更多精彩内容