关于vue-cli创建项目（小白）(2)mock数据

mock数据，好处，前后端分离，不用等后端的真实接口，就可以用axios（ek sju s 好像这么读，原谅本人总是根据读音写单词）请求数据了。

 

一，安装所需插件

根据不同需求选择安装环境，mockjs是一个插件，需要安装在开发环境。而axios安装在生产环境。

cnpm install mockjs --save-dev；

cnpm install axios --save；

 

二

1.设置mock地址：

（1）创建一个mock文件夹内含 index.js文件，用于管理mock的。一定不要忘记在main.js里引入这个文件

 

（2）在index js里引入mock （和引入其他router  一样）

     import Mock from ‘mockjs’；

 

  （3）  引入你的数据（你的数据可以用json文件的形式写好，放入项目文件里）

    import data from “../data.jsom”

 

（4）设置mock地址和数据参数，访问该地址，mock会拦截下来并返回相应数据

Mock.mock('访问地址',{

           code：0，//相当于 访问成功的状态码，也可以不设置

           data：“你的数据”

})    

三 访问地址

 （1）.引入axios ，

    import axios from “axios”；

 （2）.拉取接口

  axios.get("地址").then(

res =>{

if（res.code  == 0）{

//你在此可以处理数据了

    }

}

)

 

转载于:https://www.cnblogs.com/dangdanghepingping/p/9928637.html