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

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

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

例如jhttp://ava中的

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

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

引入依赖

cnpm install jsonp

nMXoQZ

导入到vue文件

import jsonp from 'jsonp'

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

jsonp("http://cross-domain.com",//替换网址

{

//jsonp的回调函数名

name: 'success_jsonpCallback'

},

//注意第一个参数是 err，第二个参数是 data

function (err, data) {

console.log(data);

});

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。