inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] React로 NodeBird SNS 만들기

nginx

881

d\/b

작성한 질문수 27

0

안녕하세요.

프론트와 백에 https 모두 다 적용했는데 

https://도메인/_next/static/chunks/~

와 관련된 여러 요청들이 404 가 뜨는 것을 확인했습니다. 찾아보니 nginx location 에서 try_files 부분을 바꿔야 하는 것 같은데요. 이걸 바꿔도 다른 부분에서 왠지 더 문제가 생길 거 같아 질문드리는데

nginx/https 적용 후에도 http 에서 동작하는 것처럼 똑같이 하게 하려면(다른 페이지로 이동시 404뜨고 js 파일이 안불러와짐)

톰캣같은 다른 기술을 적용해야하는 건가요? 아니면 nginx 설정을 조정하면 해결가능한 건가요?

Next.js redux react express nodejs

답변 1

1

제로초(조현영)

nginx만 조절하면 됩니다. try_files 부분 주석 처리하세요.

0

d\/b

그림 1 이 Https (aws ubuntu)

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

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

모르겠네요 .. 

0

제로초(조현영)

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

0

d\/b

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

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

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

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

0

제로초(조현영)

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

0

d\/b

아래 그림처럼 뜨네요 

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

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

  

0

제로초(조현영)

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

0

d\/b

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
}

0

제로초(조현영)

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

0

d\/b

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

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

넥스트 버젼 질문

0

90

2

로그인시 401 Unauthorized 오류가 뜹니다

0

104

1

무한 스크롤 중 스크롤 튐 현상

0

192

1

특정 페이지 접근을 막고 싶을 때

0

116

2

createGlobalStyle의 위치와 영향범위

0

102

2

인라인 스타일 리렌더링 관련

0

98

2

vsc 에서 npm init 설치시 오류

0

157

2

nextjs 15버전 사용 가능할까요?

0

166

1

화면 새로고침 문의

0

129

1

RTK에서 draft, state 차이가 있나요?

0

160

2

Next 14 사용해도 될까요?

0

455

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

359

1

url 오류 질문있습니다

0

217

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

391

1

sudo certbot --nginx 에러

0

1293

2

Minified React error 콘솔에러 (hydrate)

0

478

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

255

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

338

1

npm run build 에러

0

525

1

front 서버 npm run build 중에 발생한 에러들

0

399

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

350

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

290

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

249

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

206

1