第一种：vue-resource
脚手架中安装命令：npm install vue-resource --save
在main.js中引入vue-resource
import vueResource from 'vue-resource'
Vue.use(vueResource)
渲染数据：
get和jsonp
This.$http.get（“地址”）.then（（res）=>{
成功回调函数
}，（error）=>{
失败回调函数
}）
第二种：axios
脚手架中安装命令：npm install axios --save
先引入
main.js中引入
import Axios from‘axios’
Vue.prototype.axios = Axios
渲染数据
this.axios.get('地址').then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
})
注：
一、跨域的几种情况
1.协议不同
http://www.baidu.com
https://www.baidu.com
2.端口不同
http://www.baidu.com:80
http://www.baidu.com:8888
3.主域不同
http://www.baidu.com
http://www.sohu.com
4.子域不同，主域相同
http://image.baidu.com
http://news.baidu.com
5.域名和IP
http://www.baidu.com
http://61.135.169.121/aaa.php
http://www.baidu.com/aa/aa.php
http://www.baidu.com/bb/bb.php
二、jsonp实现原理
动态创建script，传递callback函数给后端，后端接收callback，返回函数调用，实参为json
<script src="aa.php?callback=render"></script>
function render () {
}
三、利用webpack代理方式跨域
在config----->index.js文件里面
proxyTable: {
"/v2":{
target:"https://api.douban.com",
changeOrigin:true, --是否跨域
pathRewrite:{
"^/v2":"/v2"
}
}
}
