>  기사  >  웹 프론트엔드  >  axios 교차 도메인 요청 데이터 인스턴스를 사용하는 Vue에 대한 자세한 설명

axios 교차 도메인 요청 데이터 인스턴스를 사용하는 Vue에 대한 자세한 설명

小云云
小云云원래의
2018-05-15 11:11:483534검색

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 전략

위 내용은 axios 교차 도메인 요청 데이터 인스턴스를 사용하는 Vue에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.