vue2.0：（二）、mock數據

什么是mock數據呢？很多情況下，后台的搭建比起前端來說要麻煩的多，所以，常常是前端寫好了頁面以后后台接口卻沒有寫好，但是在一個項目中，接口調試確實是最浪費時間的，所以，往往前端需要自己模擬數據。

第一步：這里有一個data.json,用來放置我們模擬的數據：

　　　　其格式類似於：

　　　　但是最后具體是什么樣的數據格式，你還要根據頁面的結構，信息和后台來決定。

　　第二步：我們需要配置來獲取到接口里面的數據：

　　　　你會在build 文件夾里面找到dev-server.js，打開后，有一個地方有app.express();

　　　　

　　　　接下來我們可以寫如下代碼：

　　　　

var app = express()

var appData = require('../data.json');
var seller = appData.seller;
var  goods = appData.goods;
var ratings = appData.ratings;

var apiRouter = express.Router();
apiRouter.get('/seller',function (req, res){
  res.json({
    errno: 0,
    data: seller
  })
});
apiRouter.get('/goods',function (req, res){
  res.json({
    errno: 0,
    data: goods
  })
});
apiRouter.get('/ratings',function (req, res){
  res.json({
    errno: 0,
    data: ratings
  })
});
app.use('/api', apiRouter);
var compiler = webpack(webpackConfig)

　　第三步：現在我們可以啟動服務，打開localhost，來測一下我們的api 是否配置成功，如果，打開后，如下的格式是用了google 的jsonview插件將其格式化了。