vue-resource和JSONP工作示例

发布时间：2020-12-16 19:32:17 所属栏目：百科来源：网络整理

导读：我正在努力使用vue-resource制作 JSONP请求.任何人都可以提供一些工作示例来演示定义jsonp回调的正确方法,在Vue组件中处理调用等等. 谢谢 **编辑：**对于其他人,让我们澄清一下情况.重点是 – 我在网站上有一个未经过身份验证的用户,我想让他做一些需要身份

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

谢谢

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

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

@bryceadams再次感谢您的回答！

如何在组件中处理它将取决于您的实现,但通常是在 method中完成 – 就像您有一个表单然后提交表单,您调用了一个发出JSONP请求的方法.

这是一个示例电话.请注意,重要的部分是您设置回调的jsonp选项.这可能会根据您提出请求的位置而有所不同.通常它会回调,但在我的情况下,我正在使用MailChimp,它是c.

var options = {
    jsonp: 'c'
}

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!