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快速实现Tab的AJAX动态载入(实例讲解)
Dec 11 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
Aug 04 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
Bootstrap项目实战之首页内容介绍(全)
Apr 25 Javascript
Javascript缓存API
Jun 14 Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 Javascript
AngularJS的ng-click传参的方法
Jun 19 Javascript
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
React手稿之 React-Saga的详解
Nov 12 Javascript
VUE简单的定时器实时刷新的实现方法
Jan 20 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
Oct 19 Javascript
详解javascript脚本何时会被执行
Feb 05 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 Smarty模板生成html文档的方法
2010/04/12 PHP
$_GET['goods_id']+0 的使用详解
2013/06/06 PHP
YII模块实现绑定二级域名的方法
2014/07/09 PHP
PHP检测字符串是否为UTF8编码的常用方法
2014/11/21 PHP
php商品对比功能代码分享
2015/09/24 PHP
php array_chunk()函数用法与注意事项
2019/07/12 PHP
jQuery中contents()方法用法实例
2015/01/08 Javascript
JQuery中DOM事件冒泡实例分析
2015/06/13 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
jquery自定义插件——window的实现【示例代码】
2016/05/06 Javascript
Angular.js中用ng-repeat-start实现自定义显示
2016/10/18 Javascript
jQuery的Read()方法代替原生JS详解
2016/11/08 Javascript
jquery获取input type=text中的值的各种方式(总结)
2016/12/02 Javascript
webuploader模态框ueditor显示问题解决方法
2016/12/27 Javascript
原生js实现省市区三级联动代码分享
2018/02/12 Javascript
vue-自定义组件传值的实例讲解
2018/09/18 Javascript
7个好用的JavaScript技巧分享(译)
2019/05/07 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
Vue组件为什么data必须是一个函数
2020/06/11 Javascript
Django框架中方法的访问和查找
2015/07/15 Python
Python2.7基于淘宝接口获取IP地址所在地理位置的方法【测试可用】
2017/06/07 Python
Python的CGIHTTPServer交互实现详解
2018/02/08 Python
Python实现从log日志中提取ip的方法【正则提取】
2018/03/31 Python
Python解决线性代数问题之矩阵的初等变换方法
2018/12/12 Python
详解安装mitmproxy以及遇到的坑和简单用法
2019/01/21 Python
HTML页面中添加Canvas标签示例
2015/01/01 HTML / CSS
浅谈html5标签css3的常用样式
2016/10/20 HTML / CSS
梵蒂冈和罗马卡:Omnia Card Pass
2018/02/10 全球购物
优秀大学生推荐信范文
2013/11/28 职场文书
个人授权委托书范本
2014/09/14 职场文书
埃及王子观后感
2015/06/16 职场文书
Django显示可视化图表的实践
2021/05/10 Python
spring cloud 配置中心客户端启动遇到的问题
2021/09/25 Java/Android
HTML CSS 一个标签实现带动画的抖音LOGO
2022/04/26 HTML / CSS
Nginx的gzip相关介绍
2022/05/11 Servers
如何用H5实现好玩的2048小游戏
2022/07/23 HTML / CSS