vue cli如何使用mockjs生成数据

在百度中,我看到很多文章。还有的叫改config里面的index代理设置的。。或者dev配置。。感觉有点麻烦。后来选择了一个最简单的实现方式。

1.首先npm 安装一下mock 别忘了加 –save-dev (意思是在测试环境中使用)

2.然后在同级目录下新建一个mock.js的文件。

《vue cli如何使用mockjs生成数据》

mock的文件内容如下。(data代码是我复制网上的。。。偷懒一下。)

《vue cli如何使用mockjs生成数据》

3.别忘了在main.js文件里面引入mock模块

《vue cli如何使用mockjs生成数据》

4.好了。最后一步,我们试试接口能不能用。选择某一个组件,在里面写axios.

《vue cli如何使用mockjs生成数据》

在谷歌控制台我们就可以看到数据了。

《vue cli如何使用mockjs生成数据》

    原文作者:我只是一个渣渣
    原文地址: https://segmentfault.com/a/1190000016506776
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞