Vue2.0 vue-source jsonp 跨域请求_网络技术_宿州市腾雀网络科技有限公司

本文介绍了Vue2.0 vue-source jsonp 跨域请求，分享给大家，希望对大家有所帮助

以调用百度的输入提示接口为例

main.js

import Vue from 'vue'

import VueResouse from 'vue-resource'

import App from './App.vue'

Vue.use(VueResouse)

new Vue({

 el: '#app',

 render: h => h(App)

});

App.vue

<script>

export default {

 name: 'app',

 data () {

  return {

   myData:[],

   v1:""

  }

 },

 methods:{

  show:function(){

   this.$http.jsonp("https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su",

   {//请求参数

    params: {

     wd:this.v1

    },

    jsonp:'cb'

   }).then(function(res){

    console.log(JSON.parse(res.bodyText).s)

    this.myData = JSON.parse(res.bodyText).s

    console.log(this.myData)

   },function(){

    //console.log(1)

   });

  }

 }

}

</script>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue # jsonp # 跨域 # 跨域请求 # Vue项目中使用jsonp抓取跨域数据的方法 # vue中jsonp插件的使用方法示例 # 详解如何在Vue项目中发送jsonp请求 # vue-jsonp的使用及说明 # 给大家 # 为例 # 大家多多 # el # app

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

相关推荐：用yum安装MySQLdb模块的步骤方法怎样使用JSON进行数据交换_它有什么限制 Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】微信小程序五星评分(包括半颗星评分)实例代码佛山网站制作系统,佛山企业变更地址网上办理步骤？如何确认建站备案号应放置的具体位置？微信小程序 scroll-view组件实现列表页实例代码简历在线制作网站免费版,如何创建个人简历？清除minerd进程的简单方法 Laravel Blade模板引擎语法_Laravel Blade布局继承用法网站制作价目表怎么做,珍爱网婚介费用多少？长沙做网站要多少钱,长沙国安网络怎么样？如何在宝塔面板中创建新站点？ logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？ Laravel如何实现API速率限制？（Rate Limiting教程） Android GridView 滑动条设置一直显示状态(推荐) Laravel如何实现登录错误次数限制_Laravel自带LoginThrottles限流配置【方法】 Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】 SQL查询语句优化的实用方法总结 edge浏览器无法安装扩展 edge浏览器插件安装失败【解决方法】 Swift中swift中的switch 语句 Laravel如何使用Guzzle调用外部接口_Laravel发起HTTP请求与JSON数据解析【详解】如何在阿里云虚拟主机上快速搭建个人网站？如何在IIS7上新建站点并设置安全权限？如何快速生成凡客建站的专业级图册？教你用AI润色文章，让你的文字表达更专业如何在腾讯云服务器上快速搭建个人网站？如何在不使用负向后查找的情况下匹配特定条件前的换行符网易LOFTER官网链接老福特网页版登录地址 Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】 Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试 html文件怎么打开证书错误_https协议的html打开提示不安全【指南】如何用AI一键生成爆款短视频文案？小红书AI文案写作指令【教程】胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？香港网站服务器数量如何影响SEO优化效果？深圳网站制作培训,深圳哪些招聘网站比较好？ Laravel Admin后台管理框架推荐_Laravel快速开发后台工具 JavaScript如何实现继承_有哪些常用方法宙斯浏览器视频悬浮窗怎么开启边看视频边操作其他应用教程 JavaScript模板引擎Template.js使用详解 Python3.6正式版新特性预览 CSS3怎么给轮播图加过渡动画_transition加transform实现【技巧】 Laravel Eloquent访问器与修改器是什么_Laravel Accessors & Mutators数据处理技巧 javascript基于原型链的继承及call和apply函数用法分析如何快速搭建自助建站会员专属系统？ Laravel怎么解决跨域问题_Laravel配置CORS跨域访问 PHP正则匹配日期和时间(时间戳转换)的实例代码学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？ Laravel Fortify是什么，和Jetstream有什么关系 5种Android数据存储方式汇总