8.Mock.js的简单使用

一.安装:

    项目基于vue.js  所以安装时使用  npm  install mockjs --save-dev    

    在package.json文件中如果能找到   "mockjs": "^1.0.1-beta3", 就表示安装成功

二.书写模拟接口:

      1.在项目src目录下新建mock文件夹,文件夹中新建index.js文件,文件中编辑模拟的接口信息:

请求路径为'http://localhost/login'时就会拦截成功

三.引入文件,对应接口的使用:

        1.在main.js文件中引入写好的mock文件夹下的index.js文件

         2.使用axios书写的接口注意要跟mock中设置的对应:

        至此就可以成功拦截到请求,返回自定义的数据,

        最后,mockjs如果已经拦截到请求,则在网页中的network中是看不到请求的