配置Mock

• 开发阶段，为了提高效率。需要提前Mock

  • 本地加载请求静态json文件的形式（这里的跟目录是指的public目录）

  this.axios.get('/mock/user/login.json').then((res) => {
      this.res = res
  })
  

  • 通过easy-mock平台实现数据mock，点我进入官网

  this.axios.get('/user/login').then((res) => {
      this.res = res
  })
  

  • 通过安装插件mockjs使用本地请求，当然mockjs是不会发生真正的请求的，这点与easy-mock和本地json有所不同

  npm i mockjs --save-dev
  

  • 在app.vue里面加入代码

  this.axios.get('/user/login').then((res) => {
  	this.res = res
  })
  

  • 在main.js里面加入mockjs的开关并引入

  // mock的开关，用于本地测试用，到上线时，关闭
  const mock = true
  if (mock) {
    require('../public/mock/api.js')
  }
  

  ​ 注：这里必须使用require，不能使用import（require是运行时调用，所以require理论上可以运用在代码的任何地方，import是编译时调用，所以必须放在文件开头）