在vue-cli环境下模拟数据接口及如何应用mockjs
2024-10-01 12:02:21
第一种办法
1、需要先准备json文件 在根目录下新建个oapi文件夹下新建个iorder.json文件将需要遍历的json数据沾里面。
2、在build文件夹下新建dev-server.js 文件
// build/dev-server.js
var apiRoutes = express.Router();
var appData = require("../oapi/iorder.json");
apiRoutes.get('/oapi',function(req,res){
res.send({
appData
})
})
app.use('/api', apiRoutes); //在list.vue 下 具体看你需要遍历数据的模板vue
methods:{
axios.get("./api/oapi")
.then(response=>{let reason=response.data.appData.reason;for(var v of reason){this.tasks.push(v)};Indicator.close();});
}
第二种办法应用mockjs 无需另建json数据 前提需要安装cnpm install mockjs --save
在dev-server.js下
//mock数据
var Mock = require('mockjs');
var apiRoutes = express.Router(); apiRoutes.get('/oapi',function(req,res){
res.send(Mock.mock({
"reason|1-10":[{
"ORDERID|1-10":/[a-zA-Z1-9]/,
"PKG_NUM|1-8":/[1-9]/,
"HAS_REPORT":false,
"ODSTATUS":"样本接收",
"SEND_TIME":"@date",
"HZNAME":"@name",
"EXAMNAME":"原溯450"
}]
}))
});
app.use('/api', apiRoutes);
最新文章
- vue2/vuex2的那点坑
- 爬虫requests模块 2
- POJ2763 Housewife Wind
- Fedora 21 64位系统安装WPS教程
- js中Array对象方法详解
- Java 反射练习
- super的用法
- 淘宝语音搜索的实现——html5
- VMware下LINUX的虚拟机增加磁盘空间
- js获取时间天数
- (转)systemctl 命令完全指南
- Raid 配置
- vue关闭代码检查eslint
- 水晶报表,快速报表,rdlc报表
- Shiro简介(一)
- response.setContentType()的String参数及对应类型
- mysql下载以及安装
- rsyslog+loganalyzer远程日志系统搭建教程(CentOS6.8)
- HDOJ 1297 Children’s Queue
- 怎么解决JSP中出现乱码的问题
热门文章
- PMD 编译 语法分析 词法分析 抽象语法树
- Yum简单使用小结
- iOS开发遇到的坑之五--解决工程已存在plist表,数据却不能存入的问题
- Unity3d 判断物体是否在可见范围内
- MATLAB编程技巧
- Python学习记录4(语句)
- PHP函数详解:call_user_func()使用方法
- ccf 201712-2 游戏(Python实现)
- windows 2008r2+php5.6.28环境搭建详细过程
- 为什么要用 ORM? 和 JDBC 有何不一样?