vue jsonp （转载）

2020-06-22 16:05:26 阅读：254 来源： 互联网

vue 使用 jsonp 请求数据

vue请求数据的时候，会遇到跨域问题，服务器为了保证信息的安全，对跨域请求进行拦截，因此，为了解决vue跨域请求问题，需要使用jsonp。

安装jsonp

npm install --save vue-jsonp

引入

安装完成之后在main.js中引入jsonp

import  VueJsonp  from  'vue-jsonp'

Vue.use(VueJsonp)

使用

引入jsonp之后，就可以使用jsonp跨域请求数据。
注意：并不是所有的网站都可以使用jsonp请求后台数据，需要后台支持jsonp。

var param = {
        header: {
          "content-type": "application/xml" // 豆瓣一定不能是json
        }
      };
      this.$jsonp('https://douban.uieee.com/v2/movie/in_theaters',param).then(
        (json) => {
          console.log(json)
        }).catvh(err => {
          console.log(err)
        })

在这里插入图片描述

【版权声明】本博文著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处！
【重要说明】本文为本菜鸟的学习记录,论点和观点仅代表个人不代表此技术的真理,目的是学习和可能成为向别人分享的经验,因此有错误会虚心接受改正,但不代表此时博文无误!
【博客园地址】JayveeWong： http://www.cnblogs.com/wjw1014
【CSDN地址】JayveeWong： https://blog.csdn.net/weixin_42776111
【Gitee地址】Jayvee：https://gitee.com/wjw1014
【GitHub地址】Jayvee：https://github.com/wjw1014

标签：vue,跨域,https,jsonp,转载,com,请求
来源： https://www.cnblogs.com/hao-1234-1234/p/13177294.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

vue jsonp （转载）

vue 使用 jsonp 请求数据

安装jsonp

引入

使用