openstf 의 전단 개발 환경 배치 1

openstf 가 무엇 입 니까? 서버 측 환경 이 설정 을 어떻게 설치 하 는 지 여 기 는 표시 되 지 않 습 니 다. 참조:https://testerhome.com/topics/2988
최근 에 openstf 에서 2 차 개발 을 해 야 합 니 다. 전단 팀 은 주로 인터페이스의 프로그램 인터페이스 에 대해 기능 조정 을 해 야 합 니 다. 컴퓨터 는 mac 가 아니 기 때문에 현지 에 stf 환경 을 개인 적 으로 배치 할 수 없 기 때문에 공공 stf 서버 환경 10.0.2.124: 7100 을 바탕 으로 현지 개발 에서 전단 의 js 코드 를 디 버 깅 하려 고 합 니 다.
첫 번 째 선택 은 nginx 입 니 다. 이 유 는 전단 테스트 환경 구축 소 강 을 참조 하 십시오.
우선 hosts 파일 에 한 줄 을 추가 합 니 다.

127.0.0.1 stf.local

그 다음 nginx 프로필 에 다음 줄 과 같이 추가 합 니 다.

server {
    listen 80;
    server_name stf.local;

    default_type 'text/html; charset=UTF-8';

    location /static/app/build/ {
        alias C:/work/space/stf/res/build/;
    }

    location / {
        proxy_pass http://10.0.2.124:7100/;
        proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for; 
        proxy_pass_header Server;

        proxy_redirect http://10.0.2.124:7100/ http://stf.local/;
        proxy_set_header Host $proxy_host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Scheme $scheme;
        
    }
}
#server stf.local end}

stf 는 응답 헤드 에서 서버 주소 로 재 설정 하 는 것 을 대량으로 사용 하기 때문에 proxy 를 사용 합 니 다.redirect 는 응답 헤드 의 location 에 있 는http://10.0.2.124:7100/ 바꾸다http://stf.local/. 다시 / static / app / build / 의 경 로 를 로 컬 코드 경로 C: / work / space / stf / res / build / 로 가리 키 며, 이 디 렉 터 리 는 웹 팩 으로 생 성 된 압축 코드 입 니 다.
지금 우 리 는 현지에서 방문 할 수 있다.http://stf.local 로그 인 페이지 를 열 고 사용자 이름과 메 일 을 입력 한 후 제출 단 추 를 누 르 면 다음 단계 로 이동 합 니 다.

http://10.0.2.124:7100/?jwt=eyJhbGciOiJIUzI1NiIsImV4cCI6MTQ4ODE5MDA1NzEyOH0.eyJlbWFpbCI6Inh4QHFxLmNvbSIsIm5hbWUiOiJ4eCJ9.DOOT1yZx6MXtCGzUWoPFxYuJYCw_wIHLslCJxEh5sp8

그러나 이것 은 내 가 원 하 는 결과 가 아니다. 나 는 그것 이:

http://stf.local/?jwt=eyJhbGciOiJIUzI1NiIsImV4cCI6MTQ4ODE5MDA1NzEyOH0.eyJlbWFpbCI6Inh4QHFxLmNvbSIsIm5hbWUiOiJ4eCJ9.DOOT1yZx6MXtCGzUWoPFxYuJYCw_wIHLslCJxEh5sp8

분석 코드 를 통 해

C:\work\space\stf\res\build\5.72bd91b15fb1f9d91db5.chunk.js:32557
              json     ,  nginx proxy_redirect       ,              :
$http.post('/auth/api/v1/mock', data)
          .success(function (response) {
            $scope.error = null;
            console.log(response);
            var redirect = response.redirect.replace('10.0.2.124:7100', 'stf.local');
            location.replace(redirect);
            //return ;
            //location.replace(response.redirect);
          })

이때 로그 인, 업로드, 설치 등 을 완전히 할 수 있 습 니 다.
이로써 첫 번 째 목 표를 이 루 었 습 니 다. 로 컬 에서 코드 를 수정 하고 로 컬 전단 코드 를 사용 하여 달 릴 수 있 습 니 다. 그러나 웹 팩 이 생 성 한 통합 코드 만 수정 할 수 있 는 것 이 단점 입 니 다. 개발 은 여전히 번 거 롭 습 니 다. 다음 목 표 는 이 문 제 를 해결 하 는 것 입 니 다.