vue-resource和JSONP工作示例

Question

我很难使用vue资源来请求JSONP。有人能提供一些工作示例，演示定义jsonp回调、处理Vue组件中的调用等的正确方法吗？

谢谢

**编辑：**对于其他研究员，让我们澄清一下情况。重要的是-我在网站上有一个未经认证的用户，我想让他做一些需要认证的操作(比如创建post )。但是，在创建post的最后，我想向他展示登录模式窗口，让他使用社交oAuth提供者登录，成功登录，让帖子被批准等等。问题是，从前端到不同领域(社会提供者)的调用被阻止了(CORS问题)，而我试图使用JSONP来克服障碍。尝试设置JSONP调用花费了我大量的时间，最后我决定采用完全不同的方法：

在创建帖子的过程结束时，会创建一个cookie，它关心的是被中断的操作以及所有必要的细节。之后，将显示一个登录模式。整个登录过程是从服务器端完成的，最后，当确认用户身份时，重定向到初始页面。此外，cookie被检查，并且基于数据，中断的操作继续成功地执行，因为用户现在已经通过身份验证。

@bryceadams再次感谢你的回答！

Answer 1

如何在组件中处理它将取决于您的实现，但通常情况下，它是在方法中完成的--就像您有一个表单，然后提交您调用的发出JSONP请求的方法。

，这里有一个叫的例子。注意，重要的部分是设置回调的jsonp选项。这可以根据您提出请求的位置而有所不同。通常情况下，它将是callback，但在我的例子中，我使用的是MailChimp而不是c。

var options = {
    jsonp: 'c'
}

this.$http.jsonp('https://website.com', options).then(function(data){
    console.log(data.json());
}, function(error) {
    // handle errors
});