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一些实用技巧小结
Mar 18 Javascript
hover的用法及live的用法介绍(鼠标悬停效果)
Mar 29 Javascript
JavaScript中获取样式的原生方法小结
Oct 08 Javascript
jquery判断至少有一个checkbox被选中的方法
Jun 05 Javascript
JavaScript中Null与Undefined的区别解析
Jun 30 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
vue小图标favicon不显示的解决方案
Sep 19 Javascript
vue 解决循环引用组件报错的问题
Sep 06 Javascript
vue组件化中slot的基本使用方法
May 01 Javascript
JS使用正则表达式提交页面验证的代码
Oct 16 Javascript
vue+element 实现商城主题开发的示例代码
Mar 26 Javascript
《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析
Apr 08 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中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
PHP If Else(elsefi) 语句
2013/04/07 PHP
PHP删除HTMl标签的实现代码
2013/06/30 PHP
php使用ftp远程上传文件类(完美解决主从文件同步问题的方法)
2016/09/23 PHP
Thinkphp 框架基础之入口文件功能、定义与用法分析
2020/04/27 PHP
用js实现的仿sohu博客更换页面风格(简单版)
2007/03/22 Javascript
JavaScript 对Cookie 操作的封装小结
2009/12/31 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
2015/04/16 Javascript
使用JavaScript刷新网页的方法
2015/06/04 Javascript
AngularJS上拉加载问题解决方法
2016/05/23 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
基于JavaScript实现随机颜色输入框
2016/12/10 Javascript
angularjs实现首页轮播图效果
2017/04/14 Javascript
Node.js如何使用Diffie-Hellman密钥交换算法详解
2017/09/05 Javascript
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
Nodejs使用Mongodb存储与提供后端CRD服务详解
2018/09/04 NodeJs
[43:47]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#2 MVP.Phx VS Fnatic第一局
2016/03/05 DOTA
Python中使用select模块实现非阻塞的IO
2015/02/03 Python
python编写Logistic逻辑回归
2020/12/30 Python
使用Python和xlwt向Excel文件中写入中文的实例
2018/04/21 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
python cv2截取不规则区域图片实例
2019/12/21 Python
Python paramiko 模块浅谈与SSH主要功能模拟解析
2020/02/29 Python
Python3自定义json逐层解析器代码
2020/05/11 Python
Python configparser模块常用方法解析
2020/05/22 Python
python 使用多线程创建一个Buffer缓存器的实现思路
2020/07/02 Python
Annoushka英国官网:英国奢侈珠宝品牌
2018/10/20 全球购物
酒店秘书求职信范文
2014/02/17 职场文书
楼面经理岗位职责范本
2014/02/18 职场文书
初三学习计划书范文
2014/04/30 职场文书
医院领导班子四风问题对照检查材料
2014/10/26 职场文书
千与千寻观后感
2015/06/04 职场文书
用React Native制作一个简单的游戏引擎
2021/05/27 Javascript
Python实现视频中添加音频工具详解
2021/12/06 Python
vue3使用vuedraggable实现拖拽功能
2022/04/06 Vue.js
用PYTHON去计算88键钢琴的琴键频率和音高
2022/04/10 Python