1. 安装vue-resource
npm install vue-resource --save
2.访问后台地址,在vue中会出现跨域的问题,以下为解决方案
在config下的index.js 中配置proxyTable代理设置
proxyTable: {
'/api':{
target:'http://19******:8080',
changeOrigin:true,//允许跨域
pathRewrite:{
'/api':'/'
}
}
},
3.地址配置完了,就可以开始访问后台,获取数据了
我用的是vue-resource,有多种方式 get,post,json,jsonp,具体使用方法,可以查看官网
this.$http.get('url').then(response => {
console.log(response.body);
}, response => {
console.log(response);
});
this.$http.post(('url'),data ,{emulateJSON:false}).then(response => {
console.log(response.body);
}, response => {
console.log(response);
});