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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!