vue+webpack 配置mock模拟数据

这里说的是指配置mock环境

1、npm install mock

2、npm install cross-env

这是我的mock目录

在package.json 文件中配置

使用cross-env NODE_ENV 传入参数mock(至于为什么用cross-env :是兼容win操作系统)

之后在config目录下的dev.env.js 文件里设置

这样就可以设置开发环境的env

之后可以在main.js中设置

至此,就可以使用npm run mock 来愉快的使用模拟数据开发页面了

另附上mock模拟数据

Mock.mock(`${domain}/url`, 'post', {
  status: '1',
  data: {
    idName: '张三',
    idNumber: '421022199010136015'
  }
})

 

你可能感兴趣的:(VUE)