vue를 사용하여 도메인 전체에 ProxyTable 매개변수를 설정하는 방법

이번에는 vue를 사용하여 도메인 전체에 걸쳐 ProxyTable 매개변수를 설정하는 방법을 보여 드리겠습니다. vue를 사용하여 도메인 전체에 걸쳐 ProxyTable 매개변수를 설정하는 notes

는 무엇입니까? 프록시 교차 도메인이란 무엇인가요?

브라우저 간에는 동일한 출처 정책이 있습니다. 보안

을 위해 몇 가지 특별한 예를 제외하고는 서로 다른 도메인 간에 데이터를 얻을 수 없습니다 , 및 와 같은 태그는 도메인 간일 수 있지만 일반적으로 js의 axios를 사용하여 원격으로 가져오는 경우 동일한 원본 정책이 실행됩니다. 서버 코드가 설정되었습니다. head

어가 귀하의 방문을 허용하는 데 동의했는데 이는 매우 불합리한 일입니다! . 요즘은 프론트엔드와 백엔드를 분리하는 게 유행이 아닌가? 백엔드 코드는 사라지고 프론트엔드만 남는 느낌인데 어떻게 하면 2차원 코드를 얻을 수 있을까? 크로스 도메인을 사용하는 것은 매우 번거롭고 어려우며 이를 수행하지 못할 수도 있습니다. 그러면 프록시 크로스 도메인을 사용할 수 있습니다. 프록시 크로스 도메인의 원리

소위 프록시는 프런트엔드를 교체하고 백엔드를 사용하여 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(()=>{}) 이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료: Vue에서 CSS 모듈의 우아한 사용

JS에서 더블 클릭 및 클릭 이벤트 충돌을 처리하는 방법

🎜