mock.js的使用（在vue-cli项目）

mock.js的使用（在vue-cli项目）

概念：实际生产时，后端人员写完接口文档后，一时半会是不能给出接口给我们调用，这样对于前端来说显得十分的被动，而Mock.js可以非常方便的模拟后端的数据，随机生成接口返回的状态，数据等。


1.我会在src文件夹下新建个mock.js

//mock.js
import Mock from "mockjs";

const data = {
  id: "@guid",
  name: "@cname"
};

Mock.mock("/api/test", "post", data);

export default Mock;

2.在main.js中引入

//main.js
import axios from "axios";
import Vueaxios from "vue-axios";
Vue.use(Vueaxios, axios);
import "@/mock";

3.测试：在App.vue中

//App.vue
 this.axios.post("/api/test").then(res => {
          console.log("mock测试：", res);
        })
        .catch(err => {
          console.log(err);
        });

传送门：mock官网