vue中jsonp的使用

作者: Zrory | 来源:发表于2018-07-22 15:55 被阅读264次

    1.jsonp简介:

    由于ajax受同源策略影响,不允许跨域请求。实际开发中我们可能遇到跨域问题。我们简单介绍一下其中一种——jsonp,即json+padding,动态创建script标签,利用script标签的src属性可以获取任何域下的js脚本,通过这个特性(也可以说漏洞),服务器端不在返货json格式,而是返回一段调用某个函数的js代码,在src中进行了调用,这样实现了跨域。
    简单来讲其实就是一个函数回调的概念。在所处的页面逻辑里写好一个函数,函数名与远程的js文件中的函数名一致。通过script的src属性访问远程js,并调用该函数,同时将需要的数据作为参数传过来,于是实现了跨域。丢,也不知道说明白没有。这里有一篇很好的文章可以看看。

    2.在vue中的使用:

    偶然看到大佬在项目中使用jsonp完成了一个小需求,略感兴趣,抽空看了看,大概是这么玩的。
    1.执行命令:npm install vue-jsonp --save;

    2.添加到main.js中; 引入jsonp
    3.使用时: 实际使用

    相关文章

      网友评论

        本文标题:vue中jsonp的使用

        本文链接:https://www.haomeiwen.com/subject/mlwlmftx.html