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 Tips(3) 关于$()包装集内元素的改变
Dec 14 Javascript
javascript 词法作用域和闭包分析说明
Aug 12 Javascript
node.js中的fs.truncate方法使用说明
Dec 15 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
jQuery 限制输入字符串长度
Jun 20 Javascript
js基于cookie记录来宾姓名的方法
Jul 19 Javascript
JSON 对象未定义错误的解决方法
Sep 29 Javascript
webpack 打包压缩js和css的方法示例
Mar 20 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
Vuex mutitons和actions初使用详解
Mar 04 Javascript
ElementUI radio组件选中小改造
Aug 12 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的preg_match匹配字符串长度问题解决方法
2014/05/03 PHP
PHP简单实现冒泡排序的方法
2016/12/26 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
关于Anemometer图形化显示MySQL慢日志的工具搭建及使用的详细介绍
2020/07/13 PHP
PHP8.0新功能之Match表达式的使用
2020/07/19 PHP
JavaScript中的style.cssText使用教程
2014/11/06 Javascript
Vuejs第十一篇组件之slot内容分发实例详解
2016/09/09 Javascript
自制微信公众号一键排版工具
2016/09/22 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
2016/12/02 Javascript
jquery.cookie.js的介绍与使用方法
2017/02/09 Javascript
Angularjs按需查询实例代码
2017/10/30 Javascript
webpack4的迁移的使用方法
2018/05/25 Javascript
vue.js 实现输入框动态添加功能
2018/06/25 Javascript
Javascript Dom元素获取和添加详解
2019/09/24 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
[53:10]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs VG 第一场
2018/04/11 DOTA
Python 可爱的大小写
2008/09/06 Python
python 算法 排序实现快速排序
2012/06/05 Python
python3 实现的人人影视网站自动签到
2016/06/19 Python
Python的时间模块datetime详解
2017/04/17 Python
tensorflow安装成功import tensorflow 出现问题
2020/04/16 Python
python多线程爬取西刺代理的示例代码
2021/01/30 Python
CSS3新属性transition-property transform box-shadow实例学习
2013/06/06 HTML / CSS
新闻专业本科生的自我评价分享
2013/11/20 职场文书
银行实习的自我鉴定
2013/12/10 职场文书
经典大学生求职信范文
2014/01/06 职场文书
鲜果饮品店创业计划书
2014/01/21 职场文书
党的群众路线教育实践活动总结报告
2014/04/28 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
信用卡工资证明范本
2014/10/17 职场文书
党员学习群众路线心得体会
2014/11/04 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书
意外事故赔偿协议书
2016/03/22 职场文书
68句权威创业名言
2019/08/26 职场文书
如何利用map实现Nginx允许多个域名跨域
2021/03/31 Servers