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 相关文章推荐
jquery css 设置table的奇偶行背景色示例
Jun 03 Javascript
jQuery实现鼠标滑过点击事件音效试听
Aug 31 Javascript
javascript实现的登陆遮罩效果汇总
Nov 09 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
May 12 Javascript
js选择器全面解析
Jun 27 Javascript
关于JS中的方法是否加括号的问题
Jul 27 Javascript
基于jQuery实现淡入淡出效果轮播图
Jul 31 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
Nov 10 Javascript
Node.js中路径处理模块path详解
Nov 14 Javascript
vue 1.x 交互实现仿百度下拉列表示例
Oct 21 Javascript
深入Node TCP模块的理解
Mar 13 Javascript
微信小程序input抖动问题的修复方法
Mar 03 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
什么是OneThink oneThink后台添加插件步骤
2016/04/13 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
关于Blog顶部的滚动导航条代码
2006/09/25 Javascript
setTimeout和setInterval的区别你真的了解吗?
2011/03/31 Javascript
jQuery实现用方向键控制层的上下左右移动
2013/01/13 Javascript
jQuery 鼠标经过(hover)事件的延时处理示例
2014/04/14 Javascript
Jquery跨域获得Json的简单实例
2016/05/18 Javascript
基于jquery插件编写countdown计时器
2016/06/12 Javascript
详解jQuery lazyload 懒加载
2016/12/19 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
2017/01/05 Javascript
详解JavaScript中return的用法
2017/05/08 Javascript
AngularJS实现动态添加Option的方法
2017/05/17 Javascript
js与jQuery实现获取table中的数据并拼成json字符串操作示例
2018/07/12 jQuery
详解angularjs4部署文件过大解决过程
2018/12/05 Javascript
小程序实现录音上传功能
2019/11/22 Javascript
原生JavaScript实现五子棋游戏
2020/11/09 Javascript
Python3.6正式版新特性预览
2016/12/15 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
详解用python自制微信机器人,定时发送天气预报
2019/03/25 Python
Python3内置模块random随机方法小结
2019/07/13 Python
浅谈Python中(&,|)和(and,or)之间的区别
2019/08/07 Python
PyInstaller将Python文件打包为exe后如何反编译(破解源码)以及防止反编译
2020/04/15 Python
Python不支持 i ++ 语法的原因解析
2020/07/22 Python
详解pycharm配置python解释器的问题
2020/10/15 Python
jupyter notebook快速入门及使用详解
2020/11/13 Python
巴西购物网站:Submarino
2020/01/19 全球购物
开发中都用到了那些设计模式?用在什么场合?
2014/08/21 面试题
会议开场欢迎词
2014/01/15 职场文书
颁奖典礼主持词
2014/03/25 职场文书
区政府领导班子个人对照检查材料
2014/09/25 职场文书
党员批评与自我批评发言
2014/10/02 职场文书
团员自我评价范文
2015/03/10 职场文书
2015年社区环境卫生工作总结
2015/04/21 职场文书
最美乡村教师观后感
2015/06/11 职场文书
2015年中秋放假通知范文
2015/08/18 职场文书
2016大一新生军训心得体会
2016/01/11 职场文书