通過express框架為前端提供api(資料),媽媽再也不用擔心後端不給我資料了~

通過express框架為前端提供api(資料),媽媽再也不用擔心後端不給我資料了~
1 Star2 Stars3 Stars4 Stars5 Stars 給文章打分!
Loading...

首先,確保自己安裝了express框架。

沒有安裝的同學可以參照下面這篇部落格

window系統安裝配置express框架

好了,切入正題。

1.在專案資料夾中建立datas資料夾,這裡的datas命名可根據個人喜好隨意新增口味,當然 ,你也可以命名為data~

2.在datas資料夾中存放自己模擬的資料(如何模擬資料?手把手教你用Node.js爬蟲獲取資料

開啟routes資料夾中的index.js檔案  

3.用require方法在頭部匯入json資料

4.設定全域性跨域請求頭

router.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();
});

5.新增路由,返回json資料

router.get("/test",(req,res)=>{
res.json(test);
});

6.測試(地址:http://localhost:3000/test)

至此,前端喵們也可以自己模擬後端資料啦~

相關文章

程式語言 最新文章