美文网首页
新版Vue-cli移除dev-server.js如何模拟本地数据

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

作者: 边沉 | 来源:发表于2018-01-02 15:36 被阅读0次

在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如何模拟本地数据

      本文链接:https://www.haomeiwen.com/subject/iahiwxtx.html