vue-resource + json-server模拟数据的方法
时间:2019-04-07
本文章向大家介绍vue-resource + json-server模拟数据的方法,主要包括vue-resource + json-server模拟数据的方法使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
本文介绍了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 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 超全!40000字 Matplotlib 实战
- 最长公共子串
- 【MaskTheFace】给人脸图片戴口罩!
- Vue组件封装的过程
- Vue 的axios的使用
- 5分钟学会vue中的路由守卫
- 小白学PyTorch | 9 tensor数据结构与存储结构
- 科研SCI论文图片基础知识详解
- vue3.0的异步更新原理
- 小白学PyTorch | 10 pytorch常见运算详解
- vuex的基础知识点
- 小白学PyTorch | 11 MobileNet详解及PyTorch实现
- 小白学PyTorch | 12 SENet详解及PyTorch实现
- 重拾前端技能为你的职业前程保驾护航
- input切换显示与隐藏,歘~