使用 express 模擬後臺介面返回資料

原文連結：www.zhangxiaosheng.top

前端開發過程中，當後臺介面還未完成，知道介面資料格式時，可以使用 node 模擬後臺介面。這樣開發時不用在 js 裡直接寫假資料等，只需要修改後臺介面的 baseUrl 就可以在自己模擬的介面和後臺給的介面之間切換。

新建一個空白資料夾，輸入如下命令新建專案。

npm init
複製程式碼

 entry point 是入口檔案,如果不使用預設的 index.js,可以自定義名字。

安裝 Express

npm install express --save
複製程式碼

新建一個檔案 app.js, app.get 用來響應 get 請求(app 是一個 Express 例項),如果是 post 請求，使用 app.post,put、delete等同理。

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

app.get('/',(req,res) => res.send('hello word!'));
app.get('/wel',(req,res) => res.send('welcome'));

app.listen(3000,() => console.log('listening on port 3000'));
複製程式碼

在 package.json 中 scripts 下新增 "start": "node app.js"，輸入命令 npm run start，在瀏覽器中輸入地址 localhost:3000,就可以看到 hello word! 的輸出了,輸入地址 /wel，就可以看到返回 welcome。

可以把請求的結果放在獨立的 json 檔案中，此時需要引用 node 的檔案讀取模組 fs,返回讀取出來的 json 資料。

const fs = require('fs');
app.post('/p',(req,res) => {
    fs.readFile('json/1.json',function(err,data){
        if(err){
            res.send(err);
        }
        res.json(JSON.parse(data.toString()));
    })
});
複製程式碼

Express 可以根據狀態碼設定回覆，比如

app.use(function(req,res,next){
    res.status(404).send('oops...')
})
複製程式碼