Nginx¿¡¼­ Node.js ¿ªÇÁ·Ï½Ã Áú¹®... ¤Ì¤Ì

   Á¶È¸ 1247   Ãßõ 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
ªÀº±Û Àϼö·Ï ½ÅÁßÇÏ°Ô.
ÂùÀÌ 2023-11
¸®¿¢Æ®¿¡¼­ ºôµåÇÒ ¶§ base url À» /test/ ·Î ³ÖÀ¸¼Å¾ß ÇÕ´Ï´Ù.
     
base urlÀÌ <base href='/' /> ÅÂ±× ¸»Çϴ°ǰ¡¿ä?
base ű×ÇÏ°í package.json ÆÄÀÏ¿¡ homepage ¸¦ /test ·Î ¹Ù²ã¹Ùµµ ¾ÈµÇ³×¿ä ¤Ì
          
ÂùÀÌ 2023-11
vite À̸é

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

ÀÌ·±½ÄÀ¸·Î Ãß°¡ÇÏ¼Å¾ß ÇÕ´Ï´Ù.
ÇÁ·Î±×·¥¿¡ µû¶ó¼­ µÚ¿¡ ½½·¡½Ã Æ÷ÇÔ ¿©ºÎ°¡ ´Ù ´Ù¸¥ °Í °°½À´Ï´Ù.

location /test
proxy_pass http://192.168.200.204:3004;
¸ðµÎ ½½·¡½Ã ³Ö¾ú´Ù »èÁ¦Çß´Ù Çؼ­ È®ÀÎÇØ º¸¼¼¿ä..

Àú´Â ±Ù¼ºÀ¸·Î ã°Å³ª ¾Æ´Ï¸é Æ÷±âÇϰųª Çß½À´Ï´Ù.


óÀ½À¸·Î (238,567)
Á¦¸ñ
2CPU : ÆǸŠ01-10   257   ÀÌõdz
2CPU : ±¸¸Å 01-10   110   Ȧ¸¯0o0
2CPU : ÀÚÀ¯°Ô½ÃÆÇ 01-10   510   ȲÁø¿ì
2CPU : ÀÚÀ¯°Ô½ÃÆÇ 01-10   444   ±è¹ÎöGC
2CPU : QnA 01-10   1158   ´ÙºÀÀÌ
2CPU : QnA 01-10   1008   ÀüÀÏÀå
2CPU : Çؿܱ¸¸Å 01-10   2973   ¿ì¸®20
2CPU : QnA 01-10   1258   ±èÁØÀ¯
2CPU : ÀÚÀ¯°Ô½ÃÆÇ 01-10   333   EnBay
2CPU : ÀÚÀ¯°Ô½ÃÆÇ 01-10   297   Á¦¿ÂÇÁ·Î
2CPU : Çؿܱ¸¸Å 01-10   2947   ¿ì¸®20
2CPU : QnA 01-10   1405   ÀϷиӽºÅ©
2CPU : ÆǸŠ01-10   450   ±¤ÁÖµ¿Å°È£Å×
2CPU : ÆǸŠ01-10   230   wsws
2CPU : ÆǸŠ01-10   108   wsws