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 相关文章推荐
JS基础之undefined与null的区别分析
Aug 08 Javascript
angular.element方法汇总
Jan 07 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
Mar 31 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
Knockout自定义绑定创建方法
Dec 26 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
Jan 26 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
Oct 28 Javascript
浅谈Vuex的状态管理(全家桶)
Nov 04 Javascript
Vue.js 使用v-cloak后仍显示变量的解决方法
Nov 19 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
Sep 24 Javascript
Element MessageBox弹框的具体使用
Jul 27 Javascript
Vue Mint UI mt-swipe的使用方式
Jun 05 Vue.js
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
PHPWind与Discuz截取字符函数substrs与cutstr性能比较
2011/12/05 PHP
php简单的留言板与回复功能具体实现
2014/02/19 PHP
php发送get、post请求的6种方法简明总结
2014/07/08 PHP
PHP实现的文件操作类及文件下载功能示例
2016/12/24 PHP
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
javascript instanceof,typeof的区别
2010/03/24 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
2010/12/30 Javascript
基于jquery库的tab新形式使用
2012/11/16 Javascript
有关于JS构造函数的重载和工厂方法
2013/04/07 Javascript
ajax请求乱码的解决方法(中文乱码)
2014/04/10 Javascript
jquery实现显示已选用户
2014/07/21 Javascript
JavaScript实现LI列表数据绑定的方法
2015/08/04 Javascript
很全面的JavaScript常用功能汇总集合
2016/01/22 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
2016/04/13 Javascript
新入门node.js必须要知道的概念(必看篇)
2016/08/10 Javascript
weex里Vuex state使用storage持久化详解
2017/09/09 Javascript
js提取中文拼音首字母的封装工具类
2018/03/12 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
2018/08/20 Javascript
浅谈Vue.set实际上是什么
2019/10/17 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
2020/03/25 Javascript
vue使用swiper实现左右滑动切换图片
2020/10/16 Javascript
[00:32]2018DOTA2亚洲邀请赛出场——VP
2018/04/04 DOTA
python中的五种异常处理机制介绍
2014/09/02 Python
Python 3.6 读取并操作文件内容的实例
2018/04/23 Python
Python实现的逻辑回归算法示例【附测试csv文件下载】
2018/12/28 Python
Python dict的常用方法示例代码
2020/06/23 Python
python 进制转换 int、bin、oct、hex的原理
2021/01/13 Python
HTML5 Canvas实现放大镜效果示例
2020/03/25 HTML / CSS
Net-A-Porter美国官网:全球时尚奢侈品名站
2017/02/11 全球购物
Lyle & Scott苏格兰金鹰官网:英国皇室御用品牌
2018/05/09 全球购物
法院实习人员自我鉴定
2013/09/26 职场文书
小学生红领巾广播稿
2014/01/21 职场文书
情侣吵架检讨书
2014/02/05 职场文书
2014年党建工作总结
2014/11/11 职场文书
小学运动会入场词
2015/07/18 职场文书