vue-resource + json-server模拟数据的方法


Posted in Javascript onNovember 02, 2017

本文介绍了vue-resource + json-server模拟数据,分享给大家,具体如下:

一、安装

npm install vue-resource --save
npm install json-server --save

二、配置与使用vue-resource

// main.js
import VueResource from 'vue-resource'
Vue.use(VueResource)
   this.$http.get('api/getNewsList')
    .then(function (data) {
     console.log(data)
    }, function (err) {
     console.log(err)
    })

三、配置 json-server

// dev-server.js
var jsonServer = require('json-server')
var apiServer = jsonServer.create()
var apiRouter = jsonServer.router('db.json')
var middlewares = jsonServer.defaults()

apiServer.use(middlewares)
apiServer.use('/api', apiRouter)
apiServer.listen(port + 1, function () {
 console.log('JSON Server is running')
})
// config/index.js
dev:{
  ...
  proxyTable: {
   '/api/': 'http://localhost:8081/'
  },
  ...
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript 判断 object 的特定类转载
Feb 01 Javascript
基于jQuery的表格操作插件
Apr 22 Javascript
15款优秀的jQuery导航菜单插件分享
Jul 19 Javascript
jquery实现盒子下拉效果示例代码
Sep 12 Javascript
js 一个关于图片onload加载的事
Nov 10 Javascript
javascript中this指向详解
Apr 23 Javascript
JavaScript之Canvas_动力节点Java学院整理
Jul 04 Javascript
利用Ionic2 + angular4实现一个地区选择组件
Jul 27 Javascript
node中koa中间件机制详解
Aug 22 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
Jan 18 Javascript
JS中封装axios来管控api的2种方式
Sep 11 Javascript
部署vue+Springboot前后端分离项目的步骤实现
May 31 Javascript
详解vue-cli项目中用json-sever搭建mock服务器
Nov 02 #Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
Nov 02 #Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 #Javascript
JavaScript登录验证基础教程
Nov 01 #Javascript
vue打包后显示空白正确处理方法
Nov 01 #Javascript
js实现登录与注册界面
Nov 01 #Javascript
vue仿淘宝订单状态的tab切换效果
Jun 23 #Javascript
You might like
PHP调用三种数据库的方法(3)
2006/10/09 PHP
PHP延迟静态绑定示例分享
2014/06/22 PHP
php简单实现多字节字符串翻转的方法
2015/03/31 PHP
JS获取节点的兄弟,父级,子级元素的方法
2014/01/09 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
2014/06/24 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
2015/03/26 Javascript
jQuery深拷贝Json对象简单示例
2016/07/06 Javascript
20分钟打造属于你的Bootstrap站点
2016/07/27 Javascript
Javascript实现前端简单的路由实例
2016/09/11 Javascript
JS简单实现禁止访问某个页面的方法
2016/09/13 Javascript
jquery与ajax获取特殊字符实例详解
2017/01/08 Javascript
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
2017/02/09 Javascript
微信扫码支付零云插件版实例详解
2017/04/26 Javascript
vue初尝试--项目结构(推荐)
2018/01/30 Javascript
javascript中数组的常用算法深入分析
2019/03/12 Javascript
解决layui的form里的元素进行动态生成,验证失效的问题
2019/09/14 Javascript
JS实现简易留言板增删功能
2020/02/08 Javascript
[02:07]TI9显影之尘系列 - Vici Gaming
2019/08/20 DOTA
详解Python中列表和元祖的使用方法
2015/04/25 Python
python出现"IndentationError: unexpected indent"错误解决办法
2017/10/15 Python
python删除不需要的python文件方法
2018/04/24 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
Django框架会话技术实例分析【Cookie与Session】
2019/05/24 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
python 使用OpenCV进行简单的人像分割与合成
2021/02/02 Python
优秀研究生自我鉴定
2013/12/04 职场文书
函授毕业自我鉴定
2013/12/19 职场文书
期末自我鉴定
2014/01/23 职场文书
市场营销大学生职业规划书
2014/02/25 职场文书
幼儿园教师岗位职责
2014/03/17 职场文书
给校长的建议书100字
2014/05/16 职场文书
幼儿园六一活动总结
2014/08/27 职场文书
黄石寨导游词
2015/02/05 职场文书
旷工检讨书大全
2015/08/15 职场文书
2016年乡镇综治宣传月活动总结
2016/03/16 职场文书
写给医护人员的一封感谢信
2019/09/16 职场文书