前后端分離以后西饵，很多時候典奉，可能前端與后端是在并行開發(fā)的或者走在后端同事前面躺翻。所以，在還沒有接口的情況下卫玖，前端同事就需要使用到數(shù)據(jù)自己模擬的一些數(shù)據(jù)公你。
一、使用webpack的devServer來mock接口數(shù)據(jù)
devServer:{
before(app) {
app.get('/api/books', function(req, res) {
res.json({
list: [{
name: '西游記'
},
{
name: '紅樓夢'
},
{
name: '三國演義'
}
]
});
});
}
}
訪問http://localhost:8080/api/books 就可以看到mock的數(shù)據(jù)
二假瞬、使用json數(shù)據(jù)
創(chuàng)建一個books.json文件陕靠，使用 import books from "./books.json"; 引入即可使用
[{
"name": "西游記"
},
{
"name": "紅樓夢"
},
{
"name": "三國演義"
}
]
三、使用export 方式
創(chuàng)建一個books.js文件脱茉，使用 import books from "./books.js"; 引入即可使用
const books = [{
"name": "西游記"
},
{
"name": "紅樓夢"
},
{
"name": "三國演義"
}
]
export default books
簡單的總結(jié)了幾種可以方便自己開發(fā)的方法剪芥，歡迎各位大佬們補充！
