vue使用axios跨域请求数据问题详解


Posted in Javascript onOctober 18, 2017

axios默认是没有jsonp 跨域请求的方法的。一般来说流行的做法是将跨域放在后台来解决,也就是后台开发人员添加跨域头信息。

例如java中的

header,response.setHeader("Access-Control-Allow-Origin", www.allow-domain.com)

但是很多时候,后台出于一些原因不想修改或者已经写好jsonp的接口需要适应不同平台,此时,前端就可以单独引入依赖解决该问题了。

引入依赖

cnpm install jsonp
 

导入到vue文件

import jsonp from 'jsonp'

使用方法(可以参考npm上 jsonp的文档说明)

jsonp("http://cross-domain.com",//替换网址
  {
    //jsonp的回调函数名
    name: 'success_jsonpCallback'
  },

  //注意第一个参数是 err,第二个参数是 data
  function (err, data) { 
    console.log(data);
  });

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery textarea的长度进行验证
May 06 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 Javascript
查找页面中所有类为test的结点的方法
Mar 28 Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 Javascript
JavaScript实现梯形乘法表的方法
Apr 25 Javascript
Bootstrap轮播插件简单使用方法介绍
Jun 21 Javascript
javascript中Date对象的使用总结
Nov 21 Javascript
jquery实现简单的瀑布流布局
Dec 11 Javascript
Vue2 配置 Axios api 接口调用文件的方法
Nov 13 Javascript
JavaScript创建对象的常用方式总结
Aug 10 Javascript
vue与bootstrap实现简单用户信息添加删除功能
Feb 15 Javascript
JavaScript 实现页面滚动动画
Apr 24 Javascript
JS实现按钮颜色切换效果
Sep 05 #Javascript
JS实现元素上下左右移动效果
Oct 18 #Javascript
JS去掉字符串中所有的逗号
Oct 18 #Javascript
vue实现长图垂直居上 vue实现短图垂直居中
Oct 18 #Javascript
vue router下的html5 history在iis服务器上的设置方法
Oct 18 #Javascript
ui-router中使用ocLazyLoad和resolve的具体方法
Oct 18 #Javascript
VUE长按事件需求详解
Oct 18 #Javascript
You might like
探讨如何在PHP开启gzip页面压缩实例
2013/06/09 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
纯PHP代码实现支付宝批量付款
2015/12/24 PHP
Zend Framework动作助手Url用法详解
2016/03/05 PHP
JS 时间显示效果代码
2009/08/23 Javascript
js中if语句的几种优化代码写法
2011/03/12 Javascript
JavaScript常用基础知识强化学习
2015/12/09 Javascript
Jquery循环截取字符串的方法(多出的字符串处理成"...")
2016/11/28 Javascript
Angular ng-repeat指令实例以及扩展部分
2016/12/26 Javascript
Nodejs Express 通过log4js写日志到Logstash(ELK)
2018/08/30 NodeJs
在小程序/mpvue中使用flyio发起网络请求的方法
2018/09/13 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
2019/05/27 Javascript
初试vue-cli使用HBuilderx打包app的坑
2019/07/17 Javascript
解决vue自定义指令导致的内存泄漏问题
2020/08/04 Javascript
vue 公共列表选择组件,引用Vant-UI的样式方式
2020/11/02 Javascript
浅析Python中元祖、列表和字典的区别
2016/08/17 Python
Python django使用多进程连接mysql错误的解决方法
2018/10/08 Python
在Python中表示一个对象的方法
2019/06/25 Python
使用keras2.0 将Merge层改为函数式
2020/05/23 Python
python如何实现递归转非递归
2021/02/25 Python
HTML5 文件域+FileReader 分段读取文件并上传到服务器
2017/10/23 HTML / CSS
世界上最大的家庭自动化公司:Smarthome
2017/12/20 全球购物
菲律宾领先的在线时尚商店:Zalora菲律宾
2018/02/08 全球购物
小学中秋节活动方案
2014/02/06 职场文书
大二法英学生职业生涯规划范文
2014/02/27 职场文书
商场周年庆活动方案
2014/08/19 职场文书
党员个人公开承诺书
2014/08/29 职场文书
四查四看自我剖析材料
2014/09/19 职场文书
运动会广播稿50字-100字
2014/10/11 职场文书
毕业设计致谢词
2015/05/14 职场文书
2015年秋季小班开学寄语
2015/05/27 职场文书
python爬虫--selenium模块
2021/03/31 Python
Python趣味挑战之教你用pygame画进度条
2021/05/31 Python
利用JavaScript写一个简单计算器
2021/11/27 Javascript
Win11 BitLocker 驱动器加密
2022/04/19 数码科技
Redis特殊数据类型bitmap位图
2022/06/01 Redis