import axios from 'axios'
Vue.prototype.$ajax = axios;
jsonplaceholder网站可以提供虚拟数据,如果类型报错,打印出来去console看json的具体结构,比如console.log(resp.data);
得到具体哪一条信息:
created(){
this.$ajax.get('http://jsonplaceholder.typicode.com/posts/'+this.id).then(resp=>{
// console.log(resp.data);
this.msg = resp.data;
},function(){
})
}
注意要用箭头函数!!
要加参数的话:
import qs from 'qs'
Vue.prototype.$qs = qs;
this.$ajax.get('网址',this.$qs.stringify({
name:"ads"
})
).then(resp=>{
this.msg = resp.data;
},function(){
})
也可在本地创json来看效果:
如果说json文件404 NOT Found,不要放在子文件夹目录下,Vue-cli3参考下图放的地方,如果是Vue-cli2就放在static下面。