javascript - 프런트엔드 및 백엔드 협업에 관한 질문

갑자기 질문이 생겼습니다.

프런트엔드는 전체 프로젝트를 자신의 컴퓨터에서 실행합니까, 아니면 코드의 프런트엔드 부분만 실행합니까

프런트엔드 코드만 있으면 백엔드 인터페이스를 사용할 때 절대 경로를 사용해야 하지 않나요?

답글 내용:

갑자기 질문이 생겼습니다.

프런트엔드는 전체 프로젝트를 자신의 컴퓨터에서 실행합니까, 아니면 코드의 프런트엔드 부분만 실행합니까

프런트엔드 코드만 있으면 백엔드 인터페이스를 사용할 때 절대 경로를 사용해야 하는 것 아닌가요?

현재 가장 많이 사용되는 개발 방식은 프론트엔드와 백엔드를 분리하고 협업하는 것입니다.

1. 전체적으로 프론트엔드와 백엔드 코드는 여전히 동일한 프로젝트에 배치되지만 개발 과정에서는 상호 보완적인 영향을 미칩니다.

2. 개발 초기 단계에서는 먼저 요구 사항을 결정한 다음 필요한 인터페이스 데이터를 정의합니다.

3. 개발 과정에서 프런트엔드는 정의된 인터페이스에 따라 데이터를 모의하여 실제 운영 환경을 시뮬레이션합니다. 백엔드에도 해당하는 Restfull 인터페이스 테스트 도구가 있어야 하므로 걱정할 필요가 없습니다.

4. 자체 테스트가 완료된 후 공동 디버깅 테스트를 위해 실제 백엔드 인터페이스를 호출합니다.

일반적으로 페이지를 표시하는 방법에는 두 가지가 있습니다
하나는 백엔드 방식을 조정하여 데이터를 처리한 후 페이지를 렌더링하는 것이고, 다른 하나는 프런트엔드 코드를 실행하고 js를 사용하여 요청하는 것입니다. 데이터

동일한 프로젝트에 접근하는 경우에는 상대 경로를 사용하고, 그렇지 않으면 절대 URI 경로를 사용하면 됩니다

저희 컴퓨터에는 기본적으로 코드의 앞부분만 있습니다.
물론 이 경우 서버와 통신할 때 도메인 간 문제가 발생합니다.
크롬에는 플러그인이 있습니다. 도메인 간 사용이 가능하고 사용이 매우 쉬운 cors
경로는 조정해야 하는 서버 코드의 IP 주소 인터페이스 경로입니다

이제 우리는 보통 테스트 서버를 설정하고, 개발 진행 상황에 따라 테스트를 실행하기 위해 프론트엔드와 백엔드에서 작성된 모듈을 테스트 서버에 업로드합니다. 이런 식으로 실제로 로컬에서 작성되어 실행됩니다. Sublime Text에는 SFTP와 같은 플러그인이 있어서 자동으로 수정하고 업로드하므로 테스트를 통과한 후 모든 사람의 코드가 통합됩니다. 테스트 서버 코드가 메인 서버로 이전됩니다

프런트 엔드 부분의 코드는 basepath로 작성됩니다. 이 값은 프로젝트 시작 시 구성 파일을 읽어서 얻습니다. 서버의 주소만 제공하면 됩니다. web.xml 구성에서 cors-filter 및 java-property-utils를 사용하여 도메인 간 문제를 해결할 수 있습니다