vue jsonp (转载)

摘要:
vue使用jsonp请求数据vue请求数据的时候,会遇到跨域问题,服务器为了保证信息的安全,对跨域请求进行拦截,因此,为了解决vue跨域请求问题,需要使用jsonp。varparam={header:{"content-type":"application/xml"//豆瓣一定不能是json}};this.$jsonp.then.catvh本博文著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处!
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 jsonp (转载)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇浅谈Java分布式计算springJPA 之 QueryDSL(一)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Angular实现类似vuex状态管理功能、全局数据管理与同步更新

自定义实现angular中数据的状态管理,如有不妥请指正 一、先介绍一下rxjs中subject; Subject 数据的订阅与分发,结合报刊的发布与订阅进行功能的模拟,subject即是observeable对象也是observer对象,subject对于后期没有数据更新时所添加的订阅者是不怎么友好的,因为不跟新数据时订阅者就不在收到返回的数值...

解决Chrome浏览器访问https提示“您的连接不是私密连接”的问题

安装fiddler后,使用Chrome访问https网站时,可能会出现以下错误,本文说明如何解决此类问题: “您的连接不是私密连接”、“NET::ERR_CERT_AUTHORITY_INVALID”、“ERR_CERT_COMMON_NAME_INVALID”或“NET::ERR_CERT_WEAK_SIGNATURE_ALGORITHM” Step...

vue中select框初始化首次触发change事件问题

一、问题描述 通常我们的需求是改变 select 的选项才会触发 change 事件,但是意料之外,页面初始化的时候也会触发 change 事件。 二、应用场景 进编辑页初始化的时候对select赋值,又会触发change事件。 期望: 进入编辑页初始化赋值时不触发change,手动选择select时触发change。 解决方法: 设置一个标志,根据标志决...

vue路由传参以及接收参数的几种方法

vue路由传参方式可以划分为params传参、query传参和url字符串拼接,首先需要知道路由跳转并传参的方式(声明式导航和编程式导航)以及接收路由参数的方法 一、路由跳转并传参的方法 1、声明式导航 不带参跳转 对应的地址为/foo <router-link to="/foo">Go to Foo</router-link>...

vue前端使用axios传参注意事项

axios只支持键值对传参,如果只有一个数据也要封装为键值对,ids为后台接收的参数例如const data = { ids: JSON.stringify(parameter) } 1.如果后台接收的数据类型为数组类型,则,前台组装数据为1,2,2,4,3注意不要加()和[],否则出错2.如果传递集合形式: ids=[1,18,19,20,21,22,2...

Go优秀开源项目推荐

前言   本文主要是收集Go语言开发的一些优秀项目和框架,个人见识有限肯定还有很多优秀的Go项目没有收录的,假如大家有好的Go项目可以在文末留言(排名不分先后)。 Go优秀项目收集仓库 GolangFamily​github.com/GolangFamily awesome-go 精选的 Go 框架、库和软件的精选列表。 https://github.c...