vue -webpack.dev.config.js模擬后台數據接口

在const portfinder = require('portfinder')后面添加

const express = require('express')

const app = express()

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

var apiRoutes = express.Router();
app.use('/api',apiRoutes)

在當前js搜索devServer，在里面添加

devServer: {
    before(app) {
      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
        })
      })
    },

  },

然后fetch請求

  mounted(){
    fetch('./api/seller').then((res)=>{
      return res.json()
    }).then((stroies)=>{
      console.log(stroies)
    })
  }