vue-resource + json-server模拟数据的方法
2017-11-02 09:37
946 查看
本文介绍了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/' }, ... }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue-resource + json-server模拟数据 vue-cli配置
- Vue-cli 使用json server在本地模拟请求数据的示例代码
- webpack4.0.1_vue脚手架的项目与json-server结合,vue开发前端时用json-server模拟数据
- webpack4.0.1_vue脚手架的项目与json-server结合,vue开发前端时用json-server模拟数据,fetch的请求代码
- 使用json-server简单完成CRUD模拟后台数据的方法
- Vue-cli 使用json server在本地模拟请求数据
- Vue使用json-server进行后端数据模拟功能
- 前端数据模拟服务器 gulp-connect 和 JSON Server
- vue开发请求本地模拟数据的配置方法
- VUE请求本地数据的配置json-server
- 新版vue-cli配置json-server及模拟post请求相关笔记
- 网络传输中,对Json组织方式的数据的解析以及使用这个方法,模拟从服务器端下载数据
- 前端模拟数据模型-json-server-配置
- Vue2.5通过json文件读取数据的方法
- 最新的vue没有dev-server.js文件,如何进行后台数据模拟?
- vue新vue-cli3环境配置和模拟json数据的实例
- 详解vue 模拟后台数据(加载本地json文件)调试
- Json-Server模拟数据接口开发
- json-server模拟接口获取mock数据
- 通过Postman模拟Json数据并且在服务器端显示的方法