[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 데이터가 불러와진다.

Categories:

Updated:

Leave a comment