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 相关文章推荐
input+select(multiple) 实现下拉框输入值
May 21 Javascript
动态加载外部javascript文件的函数代码分享
Jul 28 Javascript
js 通过html()及text()方法获取并设置p标签的显示值
May 14 Javascript
javascript相关事件的几个概念
May 21 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
Aug 05 Javascript
JavaScript 经典实例日常收集整理(常用经典)
Mar 30 Javascript
详解vue express启动数据服务
Jul 05 Javascript
Three.js利用顶点绘制立方体的方法详解
Sep 27 Javascript
利用CDN加速react webpack打包后的文件详解
Feb 22 Javascript
详解微信小程序之一键复制到剪切板
Apr 24 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
Jul 06 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
Aug 17 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导出MySQL数据到Excel文件(fputcsv)
2011/07/03 PHP
php 在windows下配置虚拟目录的方法介绍
2013/06/26 PHP
php获取网卡的MAC地址支持WIN/LINUX系统
2014/04/30 PHP
PHP内置的Math函数效率测试
2014/12/01 PHP
PHP 开发者该知道的 5 个 Composer 小技巧
2016/02/03 PHP
php图片裁剪函数
2018/10/31 PHP
使用laravel和ECharts实现折线图效果的例子
2019/10/09 PHP
得到文本框选中的文字,动态插入文字的js代码
2007/03/07 Javascript
ajax 缓存 问题 requestheader
2010/08/01 Javascript
js查错流程归纳
2012/05/04 Javascript
ie下jquery.getJSON的缓存问题的处理方法
2013/03/29 Javascript
jQuery中事件与动画的总结分享
2016/05/24 Javascript
浅谈JS中json数据的处理
2016/06/30 Javascript
vuejs动态组件给子组件传递数据的方法详解
2016/09/09 Javascript
利用vueJs实现图片轮播实例代码
2017/06/03 Javascript
javascript  数组排序与对象排序的实例
2017/07/17 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
2017/12/18 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
2017/12/19 Javascript
详解Vue Elememt-UI构建管理后台
2018/02/27 Javascript
vue2.0 + element UI 中 el-table 数据导出Excel的方法
2018/03/02 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
vue使用echarts实现水平柱形图实例
2020/09/09 Javascript
[51:10]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
利用python批量修改word文件名的方法示例
2017/10/17 Python
Python打开文件,将list、numpy数组内容写入txt文件中的方法
2018/10/26 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
Django如何实现网站注册用户邮箱验证功能
2019/08/14 Python
tensorflow实现测试时读取任意指定的check point的网络参数
2020/01/21 Python
使用phonegap查找联系人的实现方法
2017/03/31 HTML / CSS
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
泰国国际航空公司官网:Thai Airways International
2019/12/04 全球购物
亲子阅读的活动方案
2014/08/15 职场文书
中学生运动会新闻稿
2014/09/24 职场文书
告知书格式
2015/07/01 职场文书
python模板入门教程之flask Jinja
2022/04/11 Python
聊聊CSS粘性定位sticky案例解析
2022/06/01 HTML / CSS