ProxyTable 매개변수를 사용하는 프록시

이번에는 ProxyTable 매개변수 프록시 사용에 대해 소개하겠습니다. ProxyTable 매개변수 프록시 사용 시 주의사항은 무엇인가요? 다음은 실제 사례입니다.

프록시 크로스 도메인이란 무엇입니까

브라우저 간에는 동일한 출처 정책이 있습니다. 보안상의 이유로 몇 가지 특별한 예를 제외하고는 서로 다른 도메인 간에 데이터를 얻을 수 없습니다

및

프록시 크로스 도메인의 원리

소위 프록시는 프런트엔드를 교체하고 백엔드를 사용하여 vue의 스캐폴딩에서와 마찬가지로 프로젝트를 실행하려면 npm run dev 또는 npm run start를 입력해야 합니다. vue 스캐폴딩의 에이전트는 노드를 사용하여 프런트 데스크를 대체하여 http 요청을 시작하지 않으므로 매우 쉽지 않습니까?

vue 스캐폴딩을 사용하여 크로스 도메인을 프록시하는 방법, 구성 폴더에서 index.js 파일을 찾고, 파일에 개발자가 있고, 거기에서 ProxyTable{}을 찾아 수정하세요.

proxyTable: {
   '/api': {
    target: 'https://www.xxx.com/',//你要跨的域
    changeOrigin: true,
    pathRewrite: {
     '^/api': '/api',
    },
    headers:{
     //这边可以堆headers进行设置
    }
   },
  },

여기서 대상은 주소입니다. 교차 도메인을 원하면 /api는 교차하는 도메인 아래의 다음 수준 경로입니다. 위와 마찬가지로 https://www.xxx.com/api에서 항목을 얻습니다. 그런 다음 ajax 패키지 axios를 소개합니다. Perform ajax

import axios from 'axios'
axios.get('/getMessage').then(()=>{})

위 코드를 실행하면 자동으로 https://www.xxx.com/api/getMessage에서 여러 도메인에 걸쳐 데이터를 가져오는 데 도움이 됩니다

에서 사례를 읽으신 후 해당 방법을 익히셨으리라 믿습니다. 이 기사에 대한 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 기타 관련 기사를 주목하세요!

추천 자료:

Vue2 라우팅 탐색 후크를 캡슐화하여 실제 전투에서 사용하세요

사용자 확인을 위한 노드+토큰

위 내용은 ProxyTable 매개변수를 사용하는 프록시의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!