vue使用axios跨域请求数据问题详解
axios默认是没有jsonp跨域请求的方法的。一般来说流行的做法是将跨域放在后台来解决,也就是后台开发人员添加跨域头信息。
例如java中的
header,response.setHeader("Access-Control-Allow-Origin",www.allow-domain.com)
但是很多时候,后台出于一些原因不想修改或者已经写好jsonp的接口需要适应不同平台,此时,前端就可以单独引入依赖解决该问题了。
引入依赖
cnpminstalljsonp
导入到vue文件
importjsonpfrom'jsonp'
使用方法(可以参考npm上jsonp的文档说明)
jsonp("http://cross-domain.com",//替换网址
{
//jsonp的回调函数名
name:'success_jsonpCallback'
},
//注意第一个参数是err,第二个参数是data
function(err,data){
console.log(data);
});
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
热门推荐
10 祝女儿简短祝福语大全
11 大学新年祝福语简短创意
12 元旦适合的祝福语简短
13 朋友出远门祝福语简短
14 初六简短的祝福语
15 祝男孩生日祝福语简短
16 同事调离的祝福语简短
17 拜年红包的祝福语简短
18 妈妈生日祝福语简短励志