찾다
Javajava지도 시간vue+Java 백엔드 디버깅 시 도메인 간 문제 해결

vue+Java 백엔드 디버깅 시 도메인 간 문제 해결

Oct 20, 2017 am 09:36 AM
디버그지휘하다

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

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
고급 Java 프로젝트 관리, 구축 자동화 및 종속성 해상도에 Maven 또는 Gradle을 어떻게 사용합니까?고급 Java 프로젝트 관리, 구축 자동화 및 종속성 해상도에 Maven 또는 Gradle을 어떻게 사용합니까?Mar 17, 2025 pm 05:46 PM

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

적절한 버전 및 종속성 관리로 Custom Java 라이브러리 (JAR Files)를 작성하고 사용하려면 어떻게해야합니까?적절한 버전 및 종속성 관리로 Custom Java 라이브러리 (JAR Files)를 작성하고 사용하려면 어떻게해야합니까?Mar 17, 2025 pm 05:45 PM

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

카페인 또는 구아바 캐시와 같은 라이브러리를 사용하여 자바 애플리케이션에서 다단계 캐싱을 구현하려면 어떻게해야합니까?카페인 또는 구아바 캐시와 같은 라이브러리를 사용하여 자바 애플리케이션에서 다단계 캐싱을 구현하려면 어떻게해야합니까?Mar 17, 2025 pm 05:44 PM

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

캐싱 및 게으른 하중과 같은 고급 기능을 사용하여 객체 관계 매핑에 JPA (Java Persistence API)를 어떻게 사용하려면 어떻게해야합니까?캐싱 및 게으른 하중과 같은 고급 기능을 사용하여 객체 관계 매핑에 JPA (Java Persistence API)를 어떻게 사용하려면 어떻게해야합니까?Mar 17, 2025 pm 05:43 PM

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

Java의 클래스로드 메커니즘은 다른 클래스 로더 및 대표 모델을 포함하여 어떻게 작동합니까?Java의 클래스로드 메커니즘은 다른 클래스 로더 및 대표 모델을 포함하여 어떻게 작동합니까?Mar 17, 2025 pm 05:35 PM

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

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

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

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

DVWA

DVWA

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

mPDF

mPDF

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

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음