오늘 개발 중에 vue+Java 백엔드를 디버깅할 때 도메인 간 문제를 해결하는 방법에 대해 약간의 문제가 발생했습니다. 관심 있는 친구들은 해결책을 공유해 드리겠습니다.
오늘 제가 겪은 일이 있습니다. 개발 과정에서 문제가 발생하여 vue 코드 세트를 얻었습니다. 이 코드의 일부 스타일을 조정할 계획입니다. Java 백엔드 코드가 온라인으로 작성 및 배포되었습니다. 이때 명령줄에서 vue 프로젝트를 실행하면 액세스가 제한되고 데이터를 검색할 수 없으며 도메인 간 액세스가 실패합니다. 이때 어떻게 해야 합니까?
우선 교차 도메인 액세스가 무엇인지 이해해야 합니까?
교차 도메인은 브라우저가 다른 웹사이트의 스크립트를 실행할 수 없음을 의미합니다. 이는 브라우저가 JavaScript에 적용한 보안 제한인 브라우저의 동일 출처 정책으로 인해 발생합니다.
소위 동일한 출처는 도메인 이름, 프로토콜 및 포트가 동일함을 의미합니다. 예:
http://www.123.com/index.html은 http://www.123을 호출합니다. com/server.php (비교차 도메인)
http://www.123.com/index.html은 http://www.456.com/server.php를 호출합니다(다른 기본 도메인 이름: 123/ 456, 크로스 도메인)
http://abc.123.com/index.html은 http://def.123.com/server.php를 호출합니다(다른 하위 도메인 이름: abc/def, 크로스 도메인)
http://www.123 .com:8080/index.html은 http://www.123.com:8081/server.php를 호출합니다(다른 포트: 8080/8081, 도메인 간)
http: //www.123.com/index.html은 https://www.123.com/server.php를 호출합니다(다른 프로토콜: http/https, 교차 도메인)
참고: localhost와 127.0.0.1 모두 이 컴퓨터를 가리키면 도메인 간이기도 합니다.
크로스 도메인의 개념을 알고 나면 어떻게 해결하나요?
제 상황은 이렇습니다. 백엔드는 서버에 있지만 vue는 로컬에서 실행되고 있습니다. 인터넷에는 크로스 도메인 프록시 도구가 많이 있지만 그게 더 문제입니다. vue-cli 스캐폴딩 도구가 이미 이를 처리해 주었기 때문에 약간의 구성만으로 도메인 간 문제를 쉽게 해결할 수 있습니다.
config/index.js 파일을 열고 다음 코드를 찾습니다.
proxyTable에서 프록시 구성: {} 구성 정보는 다음과 같습니다.
proxyTable: { '/project_dzff/': { target: 'http://120.92.45.71/', //域名 secure: false, changeOrigin: false, } },
프록시 이후 구성, 프로젝트 수정 인터페이스 주소 정보를 호출하고 우리가 구성한 것을 호출하도록 합니다.
serverRoot: env === 'development' ? '/project_dzff' : env === 'production' ? '/project_dzff' : 'https://debug.url.com'
원래 http://120.92.45.71/에 대한 액세스 권한이 우리가 직접 정의한 이름인 project_deff에 액세스하도록 조정되었습니다.
이번에는 그림과 같이 vue 프로젝트를 실행합니다.
이번에는 기본적으로 로컬 영역에 대한 액세스가 성공적으로 프록시되었습니다. 이때 로컬 vue 프로젝트를 사용할 수 있습니다. 서버 측 데이터에 액세스하려면!
요약
위 내용은 vue+Java 백엔드 디버깅 시 도메인 간 문제 해결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

이 기사에서는 Java 프로젝트 관리, 구축 자동화 및 종속성 해상도에 Maven 및 Gradle을 사용하여 접근 방식과 최적화 전략을 비교합니다.

이 기사에서는 Maven 및 Gradle과 같은 도구를 사용하여 적절한 버전 및 종속성 관리로 사용자 정의 Java 라이브러리 (JAR Files)를 작성하고 사용하는 것에 대해 설명합니다.

이 기사는 카페인 및 구아바 캐시를 사용하여 자바에서 다단계 캐싱을 구현하여 응용 프로그램 성능을 향상시키는 것에 대해 설명합니다. 구성 및 퇴거 정책 관리 Best Pra와 함께 설정, 통합 및 성능 이점을 다룹니다.

이 기사는 캐싱 및 게으른 하중과 같은 고급 기능을 사용하여 객체 관계 매핑에 JPA를 사용하는 것에 대해 설명합니다. 잠재적 인 함정을 강조하면서 성능을 최적화하기위한 설정, 엔티티 매핑 및 모범 사례를 다룹니다. [159 문자]

Java의 클래스 로딩에는 부트 스트랩, 확장 및 응용 프로그램 클래스 로더가있는 계층 적 시스템을 사용하여 클래스로드, 링크 및 초기화 클래스가 포함됩니다. 학부모 위임 모델은 핵심 클래스가 먼저로드되어 사용자 정의 클래스 LOA에 영향을 미치도록합니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음
