vue使用axios跨域请求数据问题详解
程序员文章站
2022-04-09 21:49:44
axios默认是没有jsonp 跨域请求的方法的。一般来说流行的做法是将跨域放在后台来解决,也就是后台开发人员添加跨域头信息。
例如java中的
header,...
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中使用axios的方法
-
JavaScript用JSONP跨域请求数据实例详解
-
vue中axios实现数据交互与跨域问题
-
如何使用localstorage代替cookie实现跨域共享数据问题
-
jQuery使用JSONP实现跨域获取数据的三种方法详解
-
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
-
vue axios数据请求get、post方法及实例详解
-
vue打包使用Nginx代理解决跨域问题
-
vue axios数据请求及vue中使用axios的方法
-
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper