react proxy 설정에 대해서 문의남깁니다.

Question

처음에 proxy 설정할 때 setupProxy.js 를 활용하여 아래 소스와 같이 작성하였습니다.const { createProxyMiddleware } &#61; require('http-proxy-middleware'); module.exports &#61; function(app) { app.use('/api',createProxyMiddleware({ target: 'http://localhost:5000', changeOrigin: true, }) ); };이렇게 설정한 뒤 fetch를 활용하여 데이터를 가져오려고 하는데 계속 데이터를 못가져오더라고요...server.js 소스는 이렇습니다.const express &#61; require('express'); const app &#61; express(); const router_test &#61;require('./routes/test/test.js'); app.use('/test', router_test); const port&#61;5000; 그리고 아래는 test.js (데이터 소스 )입니다.const express &#61; require('express'); const router &#61; express.Router(); global.logger &#61; require('../winston.js'); router.post('/test', function (req, res, next) { logger.info(&#34;성공&#34;); res.json(&#34;VictorOladipo&#34;); }) module.exports &#61; router;fetch 할 때 혹시fetch('/api/test')이렇게 사용하면 안되나요???그리고 setupProxy.js 사용하지 않고 package.json에다가 &#34;proxy&#34; : &#34;http:localhost:5000&#34; 으로 설정을 해놓았는데홈...페이지에 연결할 수 없습니다라고 오류가 뜹니다...react는 처음이라 ...ㅠㅠ

assign · Answer

express 사용하신다면 그냥 express에 cors 설정을 해주시는것이 좋습니다.위설정들은 개발환경에서만 사용할수 있기 때문입니다. cors설정은 cors 모듈을 npm에서 받아서 사용하시는게 편합니다.혹시 쿠키를 사용하신다면 추가적으로 credentials 설정이 프론트 백 둘다 필요하며, 이경우에는 반드시 도메인을 설정해야합니다.

장발주호민 · Answer

그리고 setupProxy.js 사용하지 않고 package.json에다가 &#34;proxy&#34; : &#34;http:localhost:5000&#34; 으로 설정을 해놓았는데http: 가 아니라 http://로 작성하고 다시 해보세요.{ &#34;proxy&#34; : &#34;http://localhost:5000&#34; }

react proxy 설정에 대해서 문의남깁니다.

2개의 답변

Q&A 목록