[React] Proxy error: Could not proxy request ./~~ from localhost~
문제발생
package.json
파일에 다음과 같이 db.json
을 따로 프록시 서버를 만들었을 때,
Proxy error: Could not proxy request ./~~ from localhost~
오류가 발생하면서 제대로 데이터가 읽히지 않는 현상
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"server": "npx json-server --watch -p 3334 db.json"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"proxy": "http://localhost:3334"
발생원인
서버 실행을 함께 해주지 않으면(서버가 꺼져 있으면) 데이터를 못 불러온다! 당연한 것임에도 잊어버릴 때가 있다.
문제해결
npm run server
로 서버를 튼 뒤 npm run start
로 리액트 앱을 실행하면 제대로 DB 데이터가 불러와진다.
Leave a comment