博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue的Mock数据(二) express.Router
阅读量:5820 次
发布时间:2019-06-18

本文共 922 字,大约阅读时间需要 3 分钟。

Vue是一个MVVM模式的前端框架,在vue的开发过程中可以使用mock数据来模拟实际情况,可以通过express在vue-cli中的build/dev-server.js下搭建一个后端服务器通过读取本地的json文件,为前端提供数据,前端通过vue-resource插件中的ajax方式获取数据。

由于一个json文件中可以有多种数据,分为多个模块,所以这里采用express.router来实现不同路径对应不同数据。

相关文档:[http://www.expressjs.com.cn/guide/routing.html][1]

1.在vue-cli本地存在一个json格式的数据文件

2.在build/dev-server.js下搭建一个服务器

var express = require('express');var app = express()var appData = require('../db.json')//引入文件var getOrderList = appData.getOrderList//json数据模块var getNewsList = appData.getNewsList//数据模块var apiRouters = express.Router()//定义routerapiRouters.get('/getOrderList',function (req, res) {  res.json({     errno: 0,//返回值为json格式,效验码编程时方便判断返回状态     data: getOrderList  });})apiRouters.get('/getNewsList',function (req, res) {  res.json({    errno: 0,    data: getNewsList  })})app.use('/apis', apiRouters)//域名下的访问路径

3.这样就实现了mock数据的建立,通过‘当前域名’+apis/XXXX获取,也可以通过vue-resource插件中的this.$http.get('url').then()获取

图片描述

转载地址:http://ifzdx.baihongyu.com/

你可能感兴趣的文章
stream classdesc serialVersionUID = -7218828885279815404, local class serialVersionUID = 1.
查看>>
ZAB与Paxos算法的联系与区别
查看>>
java 读取本地的json文件
查看>>
Breaking parallel loops in .NET C# using the Stop method z
查看>>
Android Content Provider Guides
查看>>
修改故障转移群集心跳时间
查看>>
[轉]redis;mongodb;memcache三者的性能比較
查看>>
微软职位内部推荐-Sr DEV
查看>>
用计算器计算“异或CRC”
查看>>
让你的WPF程序在Win7下呈现Win8风格主题
查看>>
JDBC二查询(web基础学习笔记八)
查看>>
监听器(web基础学习笔记二十二)
查看>>
802.11 学习笔记
查看>>
Leetcode-Database-176-Second Highest Salary-Easy(转)
查看>>
构建Docker Compose服务堆栈
查看>>
最小角回归 LARS算法包的用法以及模型参数的选择(R语言 )
查看>>
CentOS7下zip解压和unzip压缩文件
查看>>
Hadoop生态圈-Kafka常用命令总结
查看>>
如何基于Redis Replication设计并实现Redis-replicator?
查看>>
Linux 环境下 PHP 扩展的编译与安装 以 mysqli 为例
查看>>