inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

한 서버에 백엔드와 프론트 둘 다 배포하려면 어떻게 해야하나요?

2934

최종호

작성한 질문수 3

0

하나의 서버에 배포하기 이런 식으로 검색을 해보고 있는데요.

참고할만한걸 찾지 못해서 여쭤봅니다.

조언좀 부탁드립니다.

express react redux nodejs Next.js

답변 3

0

제로초(조현영)

 location = / {

                        # handle root

                        if ($request_uri != "/") {

                                # ensure $query_string and $is_args are not allowed

                                return 403 "<h1>403: query_string not allowed</h1>\n";

                        }

                 }

이 부분이 굳이 필요한가요?? 이 부분을 제거하고 nginx 서버 재시작하면 실행될 것 같습니다.

0

최종호

한 서버에 둘 다 두고 pm2로 각각 실행시켰습니다.

그리고 nginx로 아래와 같이 설정했는데요.

아래 주소로는 들어가지는데요

http://dev-life.kr/api/

아래 주소로는 들어가지지 않는 상황입니다.

http://dev-life.kr/

이게 강의영역은 아니라서 물어보는게 실례지만

조언좀 부탁드립니다.

server {

                server_name dev-life.kr;

                 location = / {

                        # handle root

                        if ($request_uri != "/") {

                                # ensure $query_string and $is_args are not allowed

                                return 403 "<h1>403: query_string not allowed</h1>\n";

                        }

                 }

                location / {

                            proxy_set_header HOST $host;

                            # proxy_set_header X-Forwarded-Proto $scheme;

                            proxy_pass http://127.0.0.1:3060;

                            proxy_redirect off;

                }

                 location /api/ {

                             # proxy_set_header HOST $host;

                                proxy_set_header X-Real-IP $remote_addr;

                                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

                                proxy_set_header Host $http_host;

                                proxy_set_header X-NginX-Proxy true;

                             rewrite ^/api/?(.*) /$1 break;

                            # proxy_set_header X-Forwarded-Proto $scheme;

                             proxy_pass http://127.0.0.1:3065;

                             proxy_redirect off;

                 }

        }

0

제로초(조현영)

일단 제 강좌에서 nginx와 letsencrypt까지 보셨다는 전제 하에 설명드리겠습니다. 하나의 서버에 프론트와 백엔드 소스 둘다 두시고 프론트는 3060 백엔드는 3065로 제 강의처럼 실행하시면 됩니다.

그 후 nginx 설치하시고 도메인 발급받으시고 certbot으로 https발급받으신 후 제 블로그 글

https://www.zerocho.com/category/NodeJS/post/5ef450a5701d8a001f84baeb

대로 /etc/nginx/nginx.conf 또는 /etc/nginx/sites-available/default 수정하시면 됩니다.

넥스트 버젼 질문

0

77

2

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

0

89

1

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

0

175

1

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

0

103

2

createGlobalStyle의 위치와 영향범위

0

96

2

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

0

91

2

vsc 에서 npm init 설치시 오류

0

146

2

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

0

158

1

화면 새로고침 문의

0

121

1

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

0

153

2

Next 14 사용해도 될까요?

0

452

1

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

0

349

1

url 오류 질문있습니다

0

211

1

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

0

372

1

sudo certbot --nginx 에러

0

1274

2

Minified React error 콘솔에러 (hydrate)

0

469

1

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

0

247

1

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

0

327

1

npm run build 에러

0

518

1

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

0

381

1

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

0

338

2

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

0

287

1

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

0

237

2

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

0

201

1