axios에는 기본적으로 jsonp 도메인 간 요청 방법이 없습니다. 일반적으로 널리 사용되는 접근 방식은 백그라운드에서 교차 도메인 문제를 해결하는 것입니다. 즉, 백엔드 개발자가 교차 도메인 헤더 정보를 추가합니다. 이 글은 주로 Axios를 사용하여 도메인 간에 데이터를 요청하는 문제를 자세히 소개합니다. 관심 있는 친구들이 참고할 수 있기를 바랍니다.
예를 들어, 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); });
관련 권장 사항:
vue2.0에서 크로스용 axios를 사용하도록 ProxyTable을 설정하는 방법 -도메인 요청
Vue2.0 axios 프런트엔드 및 백엔드 로그인 인터셉터
위 내용은 axios 교차 도메인 요청 데이터 인스턴스를 사용하는 Vue에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!