axios获取数据的两种方法

第一种方法
在build/dev-server.js里面添加下面的代码[旧版本]
var app = express();
var goodsData = require(’…/mock/goods.json’);
var router = express.Router();
router.get("/good", function(req,res){
res.json(goodsData);
});
app.use(router);
在组件里面使用以下代码
axios.get(’/good’).then(res=>{ //返回时一个promise对象，调用then方法获得数据
var res = res.data; //返回的数据存储在data属性里面
this.goodsList = res.result; //将获取的数据存储到goodsList里面去
})

第二种方法
在conf/index.js里面敲入如下代码
‘/api’ : {
target: ‘http://127.0.0.1:8080’,
pathRewrite : {
‘^/api’ : ‘/static/mock’
}
}
在组件里面使用以下代码
methods:{
getCityInfo() {
axios.get(’/api/city.json’).then(this.handleGetCityInfoSucc); //这里Res传递过去了
},
handleGetCityInfoSucc (res) { //这里接收res
res = res.data; //这里获取数据
if(res.ret && res.data) { //判断状态码
const data = res.data; //一次请求，获得多组数据，分别赋值
this.cities = data.cities;
this.hotCities = data.hotCities;
}
}
}