vue中mock.js使用
来源:互联网 发布:英国文化的特点知乎 编辑:程序博客网 时间:2024/05/22 04:32
首先安装mockjs,可以引入cdn:<script src="http://mockjs.com/dist/mock.js"></script>
或使用npm安装:npm install mockjs
package文件中显示当前mockjs版本说明安装成功
1.在main.js同级下建立mock.js文件:
1>引入mockjs文件
const Mock=require('mockjs');
var template={
'data|1-4':[{
'title':'@title',
'article':'@article'
}]
}
Mock.mock('/api/data',template); 网址自己随意定义,访问时要和这个网址一致就可以
require('./mock');
3.vue文件中访问该接口mock
var _self=this;
$.ajax({
type:'POST',
url:'/api/data',
dataType:'json',
success:function(res){
_self.data=res.data;
}
})
阅读全文
0 0
- vue中mock.js使用
- mock.js使用
- mock.js使用总结
- mock.js使用总结
- Mock.js使用
- vue之mock.js模拟接口
- vue.js中使用slot
- Vue.js中使用Scss
- Vue.js中使用axios
- vue.js中使用slot
- Vue.js中,使用echarts
- vue-cli项目中怎么mock数据
- Mock.js + RAP 使用介绍
- vue.js中使用set方法
- 在AppCan中使用Vue.js开发
- vue.js中使用mint-ui框架
- vue.js中使用set方法
- 在Vue.js中使用Mixins
- markdown
- Idea
- 图解正向代理、反向代理、透明代理
- Could not load the "start.png" image referenced from a nib in the bundle with identifier
- 水题
- vue中mock.js使用
- svn备份和导入
- [bzoj2288][贪心][堆][链表][POJ Challenge]生日礼物
- DeepLearning——Restricted Boltzmann Machines
- SPOJ
- 费马小定理及其逆命题的应用
- 在Win7编译和安装MxNet
- 二叉树-根据已知的遍历顺序还原二叉树
- MapReduce实现基本SQL操作的原理-join和group by,以及Dinstinct