리액트 프록시 문제..

Question

리액트랑 스프링부트로 api 연동중인데잘 되다가 프론트 내용을 업데이트했더니 계속 POST http://localhost:3000/api/question 404 (Not Found) 이런식으로 뜨네요ㅜㅜ인터넷에서 찾아본 모든 방법으로 해봤는데 계속 안됩니다 뭐가 문제일까요?const { createProxyMiddleware } &#61; require('http-proxy-middleware'); module.exports &#61; function(app) { app.use( createProxyMiddleware('/api', { target: 'http://localhost:8082', changeOrigin: true, }) ); };setupProxy.js{ &#34;name&#34;: &#34;recommendations&#34;, &#34;version&#34;: &#34;0.1.0&#34;, &#34;private&#34;: true, &#34;dependencies&#34;: { &#34;&#64;hookform/resolvers&#34;: &#34;^3.3.1&#34;, &#34;&#64;testing-library/jest-dom&#34;: &#34;^5.17.0&#34;, &#34;&#64;testing-library/react&#34;: &#34;^13.4.0&#34;, &#34;&#64;testing-library/user-event&#34;: &#34;^13.5.0&#34;, &#34;axios&#34;: &#34;^1.5.0&#34;, &#34;bootstrap&#34;: &#34;^5.3.1&#34;, &#34;http-proxy-middleware&#34;: &#34;^2.0.6&#34;, &#34;react&#34;: &#34;^18.2.0&#34;, &#34;react-bootstrap&#34;: &#34;^2.8.0&#34;, &#34;react-dom&#34;: &#34;^18.2.0&#34;, &#34;react-hook-form&#34;: &#34;^7.46.1&#34;, &#34;react-icons&#34;: &#34;^4.11.0&#34;, &#34;react-modal&#34;: &#34;^3.16.1&#34;, &#34;react-router-dom&#34;: &#34;^6.15.0&#34;, &#34;react-scripts&#34;: &#34;5.0.1&#34;, &#34;react-slick&#34;: &#34;^0.29.0&#34;, &#34;react-yup&#34;: &#34;^1.24.1&#34;, &#34;slick-carousel&#34;: &#34;^1.8.1&#34;, &#34;styled-components&#34;: &#34;^6.0.8&#34;, &#34;web-vitals&#34;: &#34;^2.1.4&#34;, &#34;yup&#34;: &#34;^0.29.3&#34; }, &#34;scripts&#34;: { &#34;start&#34;: &#34;react-scripts start&#34;, &#34;build&#34;: &#34;react-scripts build&#34;, &#34;test&#34;: &#34;react-scripts test&#34;, &#34;eject&#34;: &#34;react-scripts eject&#34; }, &#34;eslintConfig&#34;: { &#34;extends&#34;: [ &#34;react-app&#34;, &#34;react-app/jest&#34; ] }, &#34;browserslist&#34;: { &#34;production&#34;: [ &#34;>0.2%&#34;, &#34;not dead&#34;, &#34;not op_mini all&#34; ], &#34;development&#34;: [ &#34;last 1 chrome version&#34;, &#34;last 1 firefox version&#34;, &#34;last 1 safari version&#34; ] } }package.json백엔드 서버는 8082 쓰고있고const response &#61; await axios.get(&#34;/api/resulting&#34;) // js &#64;GetMapping(&#34;/api/resulting&#34;) // controllerapi 호출 부분입니다뭐가 문제일까요와이파이도 쓰고있습니다.. 유선 인터넷 안써요ㅜㅠㅠ참고로 이전에는 package.json 파일에 proxy만 넣어서 잘 사용했는데 지금은 setupProxy로 바꿨습니다

ZeroCho · Answer

지금 /api/question으로 요청을 보내고 계신데요. 정작 보여주신 건 /api/resulting인데 다른 부분을 보고 계신 게 아닌가 싶습니다. 먼저 코드에서 question부터 찾아보세요.

codezzzz · Answer

네트워크 탭 해당 post error 메시지 볼수있을까요?

리액트 프록시 문제..

2개의 답변

#404 목록