做前端的朋友，有沒(méi)有這種感覺(jué)。做個(gè)項(xiàng)目要用到接口調(diào)數(shù)據(jù)的時(shí)候，突然發(fā)現(xiàn)你們的后臺(tái)大鍋接口還木有寫(xiě)好又或者其他還沒(méi)調(diào)聯(lián)好，也還沒(méi)辦法給你地址。那這時(shí)候可以自己寫(xiě)個(gè)假數(shù)據(jù)來(lái)模擬著先。自從node出來(lái)之后，對(duì)我們前端的銀來(lái)說(shuō)，這個(gè)厲害慘了，一些簡(jiǎn)單接口咱們也可以自己寫(xiě)自己調(diào)了，也比較簡(jiǎn)單~先不麻煩你后臺(tái)哥哥碼文檔了！

下面上代碼：

默認(rèn)裝好了node的環(huán)境哈。沒(méi)安裝node的可以先下載安裝，然后相關(guān)node和npm的一些基礎(chǔ)可以去官網(wǎng)看看先。
首先命令行npm init 創(chuàng)建一下package.json文件。
然后在項(xiàng)目目錄上創(chuàng)建一個(gè)api.js文件。里面會(huì)有相關(guān)的注釋。

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

app.all('*', function(req, res, next) {             //設(shè)置跨域訪問(wèn)
    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 = [                       //傳前端的數(shù)據(jù)
    {
        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)
})

//配置服務(wù)端口
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一下，直接在命令行里安裝并寫(xiě)入依賴?yán)?br> npm install express --save
到這里其實(shí)接口就完了。這么簡(jiǎn)單？？？？對(duì)，就是這么簡(jiǎn)單。
然后再去html里面用ajax請(qǐng)求一下。

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

再F12打開(kāi)控制臺(tái)窗口，看到下面這個(gè)返回的數(shù)據(jù)，就已經(jīng)ok的了。

image.png

其實(shí)我也是最近在學(xué)習(xí)的node中，如果上面有哪里寫(xiě)錯(cuò)話的可以指出來(lái)喲，謝謝！