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 相关文章推荐
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 Javascript
JQuery操作单选按钮以及复选按钮示例
Sep 23 Javascript
jquery datepicker参数介绍和示例
Apr 15 Javascript
JavaScript和CSS交互的方法汇总
Dec 02 Javascript
深入分析js的冒泡事件
Dec 05 Javascript
JavaScript实现给按钮加上双重动作的方法
Aug 14 Javascript
手动用webpack搭建第一个ReactApp的示例
Apr 11 Javascript
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
Aug 28 Javascript
vue-router命名路由和编程式路由传参讲解
Jan 19 Javascript
100行代码实现vue表单校验功能(小白自编)
Nov 19 Javascript
0基础学习前端开发的一些建议
Jul 14 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
Jul 22 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 无限分类三种方式 非函数的递归调用!
2011/08/26 PHP
WordPress开发中用于获取近期文章的PHP函数使用解析
2016/01/05 PHP
php获取数据库结果集方法(推荐)
2017/06/01 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
用JavaScript调用WebService的示例
2008/04/07 Javascript
让div层随鼠标移动的实现代码 ie ff
2009/12/18 Javascript
jquery1.4后 jqDrag 拖动 不可用
2010/02/06 Javascript
理解Javascript_06_理解对象的创建过程
2010/10/15 Javascript
jQuery EasyUI API 中文文档 - ValidateBox验证框
2011/10/06 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
2012/01/15 Javascript
JavaScript 布尔操作符解析  && || !
2012/08/10 Javascript
js 文本滚动效果的实例代码
2013/08/17 Javascript
require.js深入了解 require.js特性介绍
2014/09/04 Javascript
html的DOM中document对象forms集合用法实例
2015/01/21 Javascript
node.js 和HTML5开发本地桌面应用程序
2016/12/13 Javascript
JavaScript两个变量交换值的实现方法
2017/03/01 Javascript
Vue2.0 UI框架ElementUI使用方法详解
2017/04/14 Javascript
angular.js指令中的controller、compile与link函数的不同之处
2017/05/10 Javascript
Angular实现表单验证功能
2017/11/13 Javascript
解决vue项目打包后提示图片文件路径错误的问题
2018/07/04 Javascript
python生成随机验证码(中文验证码)示例
2014/04/03 Python
Python多线程编程简单介绍
2015/04/13 Python
window下eclipse安装python插件教程
2017/04/24 Python
python 全局变量的import机制介绍
2017/09/07 Python
python用plt画图时,cmp设置方法
2018/12/13 Python
python实现快递价格查询系统
2020/03/03 Python
24个canvas基础知识小结
2014/12/17 HTML / CSS
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
莫斯科隐形眼镜网上商店:Linzi
2019/07/22 全球购物
Intersport西班牙:在线体育商店
2019/11/06 全球购物
2019年分享net面试的经历和题目
2016/08/07 面试题
我的梦想演讲稿
2014/04/30 职场文书
公司副总经理任命书
2014/06/05 职场文书
项目验收申请报告
2015/05/15 职场文书
教你用Python爬取英雄联盟皮肤原画
2021/06/13 Python
DIV CSS实现网页背景半透明效果
2021/12/06 HTML / CSS