用vue-cli搭建一個(gè)前端開發(fā)環(huán)境確實(shí)是極其方便，在寫前端代碼肯定也是少不了需要調(diào)用后臺提供的業(yè)務(wù)接口進(jìn)行前后端交互，特別在敏捷開發(fā)中，前后端都要提前確定業(yè)務(wù)接口并進(jìn)行打樁，在開發(fā)過程中基本是沒有現(xiàn)成的后臺可以調(diào)用，基本上都是自己寫mock進(jìn)行模擬。
在vue-cli搭建的項(xiàng)目中，框架上用的是express的web框架，要做一個(gè)mock是很方便的。
假設(shè)前端頁面上需要獲取所有的新聞列表，那么就需要mock一個(gè)能夠返回所有新聞列表數(shù)據(jù)的接口。
接下來就在項(xiàng)目中實(shí)現(xiàn)mock功能。
腳手架生成項(xiàng)目
執(zhí)行命令用webpack模板生成一個(gè)名為vuestrap的項(xiàng)目（名字任意）
vue init webpack vue-mock-demo
在出現(xiàn)的各提示選項(xiàng)中，沒什么要求，為了方便，把不用的ESLint，unit tests，e2e都關(guān)掉（這些選項(xiàng)都隨意）。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式