nginx

그림 1 이 Https (aws ubuntu)

그림 2 가 그냥 로컬에서 실행한 상태이구요.  같은 요청 보냈을 때인데 그림 1 에서는

상태코드도 안나오고 기능은 동작을 안하고 network 에는 정보가 안나와서 어떻게 검색 해봐야 할지

모르겠네요 .. 

서버쪽 로그를 확인해야 합니다. 서버쪽에서 에러가 있을 겁니다.

pm2 logs 를 통해서 보아도 오류가 생기는 요청에 대해서는 아예 로그가 찍히지 않네요.

그렇다고 pm2 문제는 아닌 거 같은 게 유저 정보를 불러오는 요청은 다 성공이 되고

pm2에도 로그가 찍히는데 위 사진같이 문제가 있는 부분은 pm2 log 에도 나오지가 않아서 ㅠㅠ

왜 그런 걸까요....... 

그러면 계속 Network 탭에서 pending 으로 떠있나요?

아래 그림처럼 뜨네요 

근데 제가 좀 더 살펴보니 GET 요청만 logs 에 찍히는데요 이게 문제 원인과 연관 있을까요?

또 GET 요청중에서도 어떤 건 200이고 다른 건 404 인 이유는 잘 모르겠지만 아무튼 아래 그림과 같습니다.

blocked-mixed-content면 Http랑 https랑 섞어서 요청보내신거네요. 둘 중에 하나가 http인가요?

front config/config.js

export const backUrl = 'https://api.filer.pro';

// export const backUrl = 'http://localhost:3065';

back 에서도 frontUrl 전역으로 https 적용 해주었습니다. 근데도 안되네요 ....

아래는 nginx 설정파일입니다. 근데 위쪽 댓글에 사진을 보면 요청이 성공되는 것도 있으니까

우선 연결이 되긴 한 거라고 봐도 되지 않나요? ㅠㅠ

front /etc/nginx/sites-available/default

server{
  ...
  location / {
    proxy_set_header HOST $host;
    proxy_pass http://127.0.0.1:3060;
    proxy_redirect off;
  }
  ...
   listen [::]:443 ssl ipv6only=on; # managed by Certbot
      listen 443 ssl; # managed by Certbot
      ssl_certificate /etc/letsencrypt/live/filer.pro/fullchain.pem; # managed by Certbot
      ssl_certificate_key /etc/letsencrypt/live/filer.pro/privkey.pem; # managed by Certbot
      include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
      ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
}
server {
    if ($host = filer.pro) {
        return 301 https://$host$request_uri;
         } # managed by Certbot
        listen 80 ;
        listen [::]:80 ;
        server_name filer.pro;
        return 301 https://$host$request_uri; # managed by Certbot
}


back /etc/nginx/sites-available/default

server {

    ...
    location / {
                    # First attempt to serve request as file, then
                    # as directory, then fall back to displaying a 404.
                    proxy_set_header HOST $host;
                    proxy_pass http://127.0.0.1:3065;
                    proxy_redirect off;
                    # try_files $uri $uri/ =404;
            }

        listen [::]:443 ssl ipv6only=on; # managed by Certbot
        listen 443 ssl; # managed by Certbot
        ssl_certificate /etc/letsencrypt/live/api.filer.pro/fullchain.pem; # managed by Certbot
        ssl_certificate_key /etc/letsencrypt/live/api.filer.pro/privkey.pem; # managed by Certbot
        include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
        ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}

server {
    if ($host = api.filer.pro) {
        return 301 https://$host$request_uri;
    } # managed by Certbot

        listen 80 ;
        listen [::]:80 ;
        server_name api.filer.pro;
        return 301 https://$host$request_uri; # managed by Certbot
}

첫 번째 사진 보시면 요청을 http://api... 로 보내고 계십니다.

..? vim 으로 고치고 빌드를 안해서 적용이 안됐나봐요 ..

빌드하고 하니까 해결됐네요 감사합니다!!