vue使用axios跨域请求数据问题详解
2017-10-18 17:03
1126 查看
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); });
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue 使用axios 跨域请求数据的问题
- 使用vue-cli脚手架 与 axios 请求数据 配置代理进行跨域访问数据问题
- vue 使用axios 跨域请求数据的问题
- vuejs中vue-resource或使用axios发送请求及解决跨域问题
- vue.js中使用vueResource向后台请求数据时出现跨域访问失败的问题
- 详解在Vue中如何使用axios跨域访问数据
- 在vue中使用axios跨域访问数据,用proxyTable解决跨域问题
- vue-cli的axios使用方法,get、post请求的跨域问题解决
- vue 集成 axios 发送post请求 payload导致后台无法接收到数据问题
- vue使用axios异步请求后端数据的使用
- 在Vue中如何使用axios跨域访问数据
- Vue--axios:vue中的ajax异步请求(发送和请求数据)、vue-resource异步请求和跨域
- Vue 使用axios 发送post请求,参数格式有错误问题
- 详解在vue-cli项目中使用mockjs(请求数据删除数据)
- 使用vue-cli+axios配置代理进行跨域访问数据
- Vue-cli使用axios从跨域服务器获取JSON数据
- vue使用axios时关于this的指向问题详解
- Spring Security使用中Preflight请求和跨域问题详解
- vue.js使用axios实现跨域请求
- vue2.0设置proxyTable使用axios进行跨域请求的方法