vue2.0配置webpack.dev.conf.js加載本地json數據

打開webpack.dev.conf.js

在const portfinder = require('portfinder')后加入以下配置

const express = require('express')
const app = express() // 請求server
var appData = require('../data.json') //加載本地數據
var seller = appData.seller //獲取對應的數據
var goods = appData.goods
var ratings = appData.ratings
var apiRoutes = express.Router()
app.use('/api', apiRoutes) //通過路由請求數據

在devServer: { }中加入以下配置

    before(app) {
      app.get('/api/seller', (req, res) => {
        res.json({
          errno: 0,
          data: seller // 接口返回json數據
        })
      }),
      app.get('/api/goods', (req, res) => {
        res.json({
          errno: 0,
          data: goods // 接口返回json數據
        })
      }),
      app.get('/api/ratings', (req, res) => {
        res.json({
          errno: 0,
          data: ratings // 接口返回json數據
        })
      })
    }
  }