Vue-cli3.0Mock数据使用

一、安装 mockjs

npm install mockjs --save-dev

二、创建mockjs 配置文件

在 src下面创建 mock 文件夹在其中创建 index.js data.js mock.js文件

index 文件用来对 mock 的配置，data 文件用来配置拦截 ajax 请求,回调返回的参数，mock 文件用来配置需要 mock 数据的接口

index.js

data.js

mock.js

mock 函数中的三个参数第一个参数为需要拦截的 api ,第二个参数为拦截方法的请求方式,第三个参数为返回的数据可以是 json 数据也可以是函数

三、配置main.js

在 mian.js 中加上

process.env.VUE_APP_MOCK === ‘true’ && require(’@/mock’)

当环境配置文件中的 VUE_APP_MOCK 为 true 时启用 mock数据

mockjs: https://github.com/nuysoft/Mock/wiki/Syntax-Specification

Vue-cli3.0Mock数据使用相关推荐

教你如何解决vue跨域问题（vue cli3）
1.什么是跨域请求简单来说就是浏览器中当前网站向另一个网站发送请求获取数据的过程,这就是跨域请求. 2.哪些是跨域请求 1.http://www.test.com/index.html请求http: ...
vue数组中数据变化但是视图没有更新解决方案
vue数组中数据变化但是视图没有更新解决方案参考文章: (1)vue数组中数据变化但是视图没有更新解决方案 (2)https://www.cnblogs.com/sufubo/p/6906261.h ...
Vue CLI3.0 中使用jQuery 和 Bootstrap
Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法,但是有时候又要用,所以放上我的引入设置,供大家参考. 在 Vue CLI2.0 中引入 jQuery 和 Boo ...
vue操作,显示数据
vue操作,显示数据 1.操作页面上的数据组件中的内容 <template><div class="about"><h1>这是课程页面< ...
一篇文章教会你创建vue项目和使用vue.js实现数据增删改查
简介:一篇文章教会你创建vue项目和使用vue.js实现数据增删改查 [一.项目背景] 在管理员的一些后台页面里,数据列表中都会对这些数据进行增删改查的操作,例如管理员添加商品.修改商品价格.删除商品 ...
antd vue 树更新数据后不展开_很全面的vue面试题总结
VUE面试题 v-show 与 v-if 区别动态绑定class的方法计算属性和 watch 的区别怎样理解单向数据流 keep-alive 自定义组件的语法糖 v-model 是怎样实现的生 ...
Vue响应式数据: Observer模块实现
前言首先欢迎大家关注我的Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励.接下来的日子我应该会着力写一系列关于Vue与React内部原理的文 ...
vue cli3 绑定域名_使用CLI设置WildFly绑定地址并关闭
vue cli3 绑定域名仅使用命令行参数将WildFly绑定到主机名/ IP上非常容易. 我有一个简单的GNU / Linux盒子,可以用它玩各种东西,其中之一就是WildFly. 我使用以下命令 ...
vue/cli3 配置vux
安装各插件试过安装"必须安装"的部分亦可 1.安装vuex npm install vuex --save-dev 2.在项目里面安装vux[必须安装] npm install ...

Vue-cli3.0Mock数据使用

Vue-cli3.0Mock数据使用

一、安装 mockjs

二、创建mockjs 配置文件

三、配置main.js

Vue-cli3.0Mock数据使用相关推荐

最新文章

热门文章