Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 在vue中使用axios~ 前提:用vue-cli创建的项目 用axios的时候res.data才是返回的json整个数据 data.json: json 代码 { "errno": 0, "data": { "name": "唐僧肉", "description": "美女专送", "deliveryTime": 38, "score": 4.2, "serviceScore": 4.1, "foodScore": 4.3, "rankRate": 69.2 } } 这个关联到webpack.dev.config.js文件,添加以下: javascript 代码 //添加本地数据 const appData = require('../data.json') const seller = appData.seller devServer: { before(app){ app.get('/app/seller',function(req,res){ res.json({ errno: 0, data: seller }) }; } } 使用axios应用: javascript 代码 import axios from 'axios' const ERR_OK = 0 export default { name: 'app', data () { return { seller: {} } }, created: function () { axios.get('/api/seller') .then(res => { if (res.data.errno == ERR_OK) { this.seller = res.data.data } console.log(this.seller) }) .catch(err => { console.log(err) }) } }
评论 (0 )
最新评论
暂无评论
赶紧努力消灭 0 回复