vue-resource + json-server模擬數(shù)據(jù)的方法
更新時間：2017年11月02日 09:37:56 作者：_Wake
本篇文章主要介紹了vue-resource + json-server模擬數(shù)據(jù)的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
本文介紹了vue-resource + json-server模擬數(shù)據(jù)，分享給大家，具體如下：
一、安裝
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/'
},
...
}
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
WebSocket是一種全雙工通信協(xié)議,通過HTTP升級機制建立連接,支持實時雙向數(shù)據(jù)傳輸,示例代碼展示了如何在Java Spring Boot和Vue.js中實現(xiàn)WebSocket服務和客戶端2025-02-02
下面小編就為大家分享一篇vue.js或js實現(xiàn)中文A-Z排序的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
vue中實現(xiàn)在外部調用methods的方法(推薦)
下面小編就為大家分享一篇vue中實現(xiàn)在外部調用methods的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了Vue 集成 storybook的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了vue項目中仿element-ui彈框效果的實例代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
Vue切換組件實現(xiàn)返回后不重置數(shù)據(jù),保留歷史設置操作
這篇文章主要介紹了Vue切換組件實現(xiàn)返回后不重置數(shù)據(jù),保留歷史設置操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了Vue組件之Tooltip的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
vue-treeselect無法點擊問題(點擊無法出現(xiàn)拉下菜單)
這篇文章主要介紹了vue-treeselect無法點擊問題(點擊無法出現(xiàn)拉下菜單)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要為大家介紹了Vue多重文字描邊組件實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要為大家詳細介紹了vue component組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07