Vue Cli 模拟后台数据接口

在前端开发过程中,接口还没开发完成时可以通过配置vue.config来模拟后台数据接口,传回模拟数据协助前端开发

1.在Vue项目根目录创建文件  vue.config.js

2.添加一下配置

module.exports = {
    configureWebpack: {
    devServer: {
        before(app) {
        app.get('/api/goods', function (req, res) {
            res.json({
                code: 0,
            data: [//所需传回的数据]
            })
          })
        }
      }
   }
}                    

3.保存重新运行项目 npm run serve

便可以通过http://localhost:8080/api/goods 获取到模拟的数据

 

posted on 2020-04-20 14:01  ShawYoi  阅读(597)  评论(0编辑  收藏  举报