vue使用jsonp请求

可以使用vue组件vue-jsonp  github地址https://github.com/LancerComet/vue-jsonp

使用前需先安装vue-jsonp

npm install --save vue-jsonp

然后在使用的页面引用

import  Vue  from  'vue' 

import  VueJsonp  from  'vue-jsonp'

Vue.use(VueJsonp)

如果是在vue commponent中使用,使用方法如下,this.$jsonp()

在vue组件中使用

如果是在方法中使用,使用方法如下

方法中使用vue-jsonp

在项目中可以找一个getData.js专门放置接口请求,内容如下

接口请求js文件内容

在需要使用的地方调用时

getAuthor()

.then(json=>{

this.authorList=json.date;

})

.catch(err=>{

console.log(err);

});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,890评论 18 139
  • 基本格式 以json的形式、将数据(支持所有格式)挂载在vue的data上、方法挂载在vue的methods上。 ...
    kirito_song阅读 786评论 0 21
  • 一、安装最新版本的 nodejs 注意:请先在终端/控制台窗口中运行命令 node -v 和 npm -v, 来验...
    liuguangsen阅读 2,116评论 0 1
  • github地址,欢迎大家提交更新。 express() express()用来创建一个Express的程序。ex...
    Programmer客栈阅读 2,588评论 0 1
  • 你是奔腾的洪流 高山拦你不住,留下的痕迹是满目疮痍 你是腰腿上的顽疾 反反复复,无法痊愈,良药或者偏方,酒...
    一条虫的情诗阅读 305评论 0 1