jsonp跨域代码实现
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> <script src="vue-resource.js"></script> </head> <body> <div id="app"> <button @click = "getjsonp">请求</button> </div> </body> <script> new Vue({ el: '#app', data:{ obj:null }, methods:{ getjsonp:function(){ //利用jsonp方法实现跨域请求数据, // url不需要callback=fn这个参数,jsonp会自动加上 var url = 'http://vueapi.ittun.com/api/jsonp'; //2.0 利用vue-resource发出ajax的get请求 this.$http.jsonp(url)//发出请求 .then(function(response){ this.obj = response.body; }); } } }); </script> </html>