vue+mock.js实现前后端分离

// 引入mock
require('./mock.js');

4、页面中使用：

<script>
 import Mock from "mockjs"
 export default {
  name: "FunctionsDbSource",
  methods:{
   // 接口测试
   init(){
    // 请求后端数据,查询数据源
    this.axios({
     method: "get",
     url:"data/index",
    })
    .then((response)=> {
     console.log(response);
    })
    .catch((error)=> {
     console.log(error);
    });
   }
  },
  created(){
   this.init();
  }
 }
</script>

以此我们就完成了抽离mock.js，之后只要往mock的js文件中添加请求即可，后续只要等后端接口写好，把main.js中的引入mock.js注释（删除）即可。

还有一种更直接的方法，因为mock只是我们生产环境需要的东西，当我们发布上线肯定不需要这部分请求，都会换成实际请求地址和数据，所以直接把mock.js配置到生产环境，上线部署打包不打包这部分即可，就和vue中的代理部分，上线是不会打包这部分的一样。

感兴趣的童鞋可以自己去研究研究哈。