vue 2.0+ 怎么寫本地接口獲取數據

在vue-cli腳手架項目中，找到build ---- webpack.dev.conf.js 文件，具體位置如下圖：

找到文件后添加下面的內容，寫在頭部：

//這是 webpack.dev.conf.js 文件里的

'use strict'

/*新版的vue-cli代替原來的dev-server.js文件，現在在這里可以簡單配置node請求，獲取一些本地數據 */
const express = require("express");//需要先npm install --save express
const app = express(); 
const appData = require("../data.json"); //data.json,就是本地的模擬數據
const appRoutes = express.Router();
appRoutes.get("/seller", function(req, res) {
    res.json({
        errno: 0,
        data: appData.seller
    })
});
appRoutes.get("/ratings", function(req, res) {
    res.send({
        errno: 0,
        data: appData.ratings
    })
});
appRoutes.get("/goods", function(req, res) {
    res.send({
        errno: 0,
        data: appData.goods
    })
});

//app.use("/api", appRoutes);


/*結束 */

然后還是在當前文件進行修改，找到 devWebpackConfig 下面的 devServer 的配置進行修改，如下：

 devServer: {
        //這里是在建立本地傳數據的時候需要修改的
        before(app) {
            app.use("/api", appRoutes);
        },
        ........  //下面的配置不用修改，這里省略
        }