美文网首页
最新的vue里面配置json-server

最新的vue里面配置json-server

作者: Zero丶_2d0c | 来源:发表于2018-01-28 11:08 被阅读0次

用vue-cli构建项目的时候json-server是配置在dev.server.js下的, 但是最新的vue里面没有了dev.server这个文件 ,

现在把下面的这些代码复制到webpack.dev.config.js文件里面,如果有报错的话检查一下标点符号, 一般都是before那里报错,

前端新手小白  不喜勿喷,欢迎大佬指点改正

// 首先

var appData = require('../db.json')// 加载本地数据文件

var seller = appData.seller // 获取对应的本地数据

var goods = appData.goods

var ratings = appData.ratings

// 然后找到devServer,在里面添加

    before (app) {

      app.get('/api/seller', (req, res) => {

        res.json({

          errno: 0,

          data: seller

        })// 接口返回json数据,上面配置的数据seller就赋值给data请求后调用

      })

      app.get('/api/goods', (req, res) => {

        res.json({

          errno: 0,

          data: goods

        })

      })

      app.get('/api/ratings', (req, res) => {

        res.json({

          errno: 0,

          data: ratings

        })

      })

    },

相关文章

网友评论

      本文标题:最新的vue里面配置json-server

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