新版webpack.dev.conf.js配置如下：

const express = require('express')
const app = express()
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/appData', (req, res) => {
        res.json({
          errno: 0,
          data: appData
        })//介面返回json資料，上面配置的資料appData就賦值給data請求後呼叫
      }),
      app.get('/api/seller', (req, res) => {
      res.json({
      // 這裡是你的json內容
      errno: 0,
      data: seller
      })
      }),
      app.get('/api/goods', (req, res) => {
      res.json({
      // 這裡是你的json內容
      errno: 0,
      data: goods
      })
      }),
      app.get('/api/ratings', (req, res) => {
      res.json({
      // 這裡是你的json內容
      errno: 0,
      data: ratings
      })
      })
    }

然後npm run dev，一定要重啟 一下就可以http://localhost:8080/api/appData 訪問了

截圖如下

執行 npm run dev 

開啟路徑http://localhost:8080/api/appData  能請求到資料

開啟http://localhost:8080/api/seller  能請求到seller相關資料，如果請求不到，而是顯示主頁，則需要檢查程式碼，或者執行npm run dev

取消eslint