美文网首页
最新的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