Nginx에서 Node.js 역프록시 질문... ㅜㅜ

   조회 294   추천 0    

Nginx 서버에서 Node.js와 리액트 서버를 역프록시로 설정하려고 합니다.

설정 파일에서 

        location /{

          proxy_pass http://192.168.200.204:3004;

        }

위처럼 설정하면 /로 접속할 때 리액트 페이지가 정상적으로 표시되는데

        location /test {

          proxy_pass http://192.168.200.204:3004;

           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 X-Forwarded-Proto $scheme;

           proxy_set_header X-Forwarded-Host  $host;

           proxy_set_header X-Forwarded-Port  $server_port;

        }

이렇게 설정하면 /test로 이동하면 html이 표시 안되고 net::ERR_ABORTED 404 (Not Found) 에러 발생하는데 리액트에서 빌드한 css와 js 파일을 못찾는거 같아요...


구글링하면서 여러가지 해봤지만 도저히 안되네요..

참고로 현재 리액트에서는 테스트용 버튼 한개만 넣었고 node.js에서도 express 서버 설정과 리액트 페이지 라우팅만 하였습니다.



asdf
짧은글 일수록 신중하게.
찬이 11-20
리엑트에서 빌드할 때 base url 을 /test/ 로 넣으셔야 합니다.
     
그아아아 11-21
base url이 <base href='/' /> 태그 말하는건가요?
base 태그하고 package.json 파일에 homepage 를 /test 로 바꿔바도 안되네요 ㅜ
          
찬이 11-21
vite 이면

export default defineConfig({ 
  base: "/test/",
});

이런식으로 추가하셔야 합니다.
트니아빠 11-21
프로그램에 따라서 뒤에 슬래시 포함 여부가 다 다른 것 같습니다.

location /test
proxy_pass http://192.168.200.204:3004;
모두 슬래시 넣었다 삭제했다 해서 확인해 보세요..

저는 근성으로 찾거나 아니면 포기하거나 했습니다.


QnA
제목Page 11/5516
2014-05   4308372   정은준1
2015-12   871510   백메가
11-21   433   호박고구마
11-21   345   seoulmetro
11-20   407   로벨리아
11-20   295   그아아아
11-20   533   파피푸페
11-20   536   영산회상
11-20   364   어훕
11-20   293   어훕
11-20   533   이미존재하…
11-20   304   박현
11-20   298   Nicoffeine
11-20   304   galaxyfamily
11-20   655   이매망량2
11-19   405   박문형
11-19   284   서울I김동수
11-19   357   기억을머금…
11-19   278   galaxyfamily
11-19   341   삐돌이슬픔이
11-19   543   어훕
11-19   353   체스터