이번에는 ProxyTable 프록시의 도메인 간 사용에 대해 자세히 설명하겠습니다. 도메인 간 ProxyTable 프록시를 사용할 때 주의사항은 무엇인가요? 프록시 교차 도메인이란 무엇인가요? 브라우저 간에는 동일한 출처 정책이 있습니다. 보안을 위해 몇 가지 특별한 예를 제외하고는 서로 다른 도메인 간에 데이터를 얻을 수 없습니다 , 및 <audio>와 같은 태그는 도메인 간일 수 있지만 일반적으로 js의 axios를 사용하여 원격으로 가져오는 경우 동일한 원본 정책이 실행됩니다. 서버 코드가 설정되었습니다. <a href="http://www.php.cn/html/html-HEAD-2.html" target="_blank">head</a> 어가 귀하의 방문을 허용하는 데 동의했는데 이는 매우 불합리한 일입니다! . 요즘은 프론트엔드와 백엔드를 분리하는 게 유행이 아닌가? 백엔드 코드는 사라지고 프론트엔드만 남는 느낌인데 어떻게 하면 2차원 코드를 얻을 수 있을까? 크로스 도메인을 사용하는 것은 매우 번거롭고 어려우며 이를 수행하지 못할 수도 있습니다. 그러면 프록시 크로스 도메인을 사용할 수 있습니다. </p> <p style="text-align: left;"><span style="color: #ff0000"><strong>프록시 크로스 도메인의 원리</strong></span></p> <p style="text-align: left;">소위 프록시는 프런트엔드를 교체하고 백엔드를 사용하여 vue의 스캐폴딩에서와 마찬가지로 프로젝트를 실행하려면 npm run dev 또는 npm run start를 입력해야 합니다. vue 스캐폴딩의 에이전트는 노드를 사용하여 프런트 데스크를 대체하여 http 요청을 시작하지 않으므로 매우 쉽지 않습니까? </p> <p style="text-align: left;">vue 스캐폴딩을 사용하여 크로스 도메인을 프록시하는 방법, 구성 폴더에서 index.js 파일을 찾고, 파일에 개발자가 있고, 거기에서 ProxyTable{}을 찾아 수정하세요.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>proxyTable: { '/api': { target: 'https://www.xxx.com/',//你要跨的域 changeOrigin: true, pathRewrite: { '^/api': '/api', }, headers:{ //这边可以堆headers进行设置 } }, },</pre><div class="contentsignin">로그인 후 복사</div></div> <p style="text-align: left;">여기서 대상은 주소입니다. 교차 도메인을 원하면 /api는 교차하는 도메인 아래의 다음 수준 경로입니다. 위와 마찬가지로 https://www.xxx.com/api에서 항목을 얻습니다. 그런 다음 ajax 패키지 axios를 소개합니다. Perform ajax</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>import axios from 'axios' axios.get('/getMessage').then(()=>{})</pre><div class="contentsignin">로그인 후 복사</div></div> <p> 이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요! </p> <p>추천 자료: </p> <p><a href="http://www.php.cn/js-tutorial-394786.html" target="_blank">우아한 모드에서 CSS 모듈 사용하기</a></p> <p style="text-align: left;"><a href="http://www.php.cn/js-tutorial-394785.html" target="_blank">vue에서 구성 요소를 작성하는 방법</a><br></p> <p style="text-align: left;"><a href="http://www.php.cn/js-tutorial-394784.html" target="_blank">웹팩 핫 리프레시 및 핫 로딩 사용에 대한 자세한 설명</a><br></p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
