新版Vue-cli移除dev-server.js如何模拟本地数据操作

在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/seller',  function (req, res)  {
        res.json({
          // 这里是你的json内容
          errno: 0,
          data: seller
        })
      }),
      app.get('/api/goods',  function (req, res)  {
        res.json({
          // 这里是你的json内容
          errno: 0,
          data: goods
        })
      }),
      app.get('/api/ratings', function (req, res)  {
        res.json({
          // 这里是你的json内容
          errno: 0,
          data: ratings
        })
      })
    }

更改完成后需要 npm run dev 重新编译启动服务
在地址栏 输入:http://localhost:8082/api/seller 查看

你可能感兴趣的:(新版Vue-cli移除dev-server.js如何模拟本地数据操作)