本文介紹了vue-resource + json-server模擬數(shù)據(jù)，分享給大家，具體如下：
10年積累的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有長(zhǎng)子免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
一、安裝
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/'
},
...
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
