Question

我正在努力使用vue-resource发出JSONP请求。任何人都可以提供一些工作示例来演示定义jsonp回调的正确方法，在Vue组件中处理调用等等。

由于

**编辑：**对于其他人，让我们澄清一下情况。重点是 - 我在网站上有一个未经过身份验证的用户，我想让他做一些需要身份验证的操作（例如创建帖子）。但是，在创建帖子的最后，我想向他显示登录模式窗口，让他使用社交oAuth提供程序登录并成功登录，让帖子获得批准等等。问题是这个从前端到不同域（社交提供商）的呼叫被阻止（CORS问题）并且我试图使用JSONP来克服障碍。尝试设置JSONP调用花了我很多时间，最后我决定采用完全不同的方法：

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

@bryceadams再次感谢您的回答！

Answer 1

如何在组件中处理它取决于您的实现，但通常是在method中完成 - 就像您有表单然后提交表单时所谓的方法一样一个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
});

vue-resource和JSONP工作示例

1 个答案: