fu***** cors를 해결하는 방법?

fu***** cors를 해결하는 방법?

2022-10-03 last update

4 minutes reading javascript react cors
몇 단계로 cors를 해결하는 방법을 문서화할 것입니다.

POST 또는 GET하려는 API가 있지만 게시하거나 무언가를 얻을 때 CORS 오류 정책을 수신하는 API가 있다고 상상해보십시오.

localhost:9000에 API가 있고 이와 관련된 모든 다른 경로가 있다고 상상해 보십시오.

프록시를 생성해야 합니다.

mkdir proxy
cd proxy
npm init -y
npm i express
npm i http-proxy-middleware nodemon --save-dev
touch index.js


이제 종속성을 설치했으므로 코드로 이동할 수 있습니다.

package.json 안에 다음을 추가하십시오.

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "nodemon index.js"
  },


이제 index.js 안에 다음 코드를 추가합니다.

const express = require('express');
const app = express()
const { createProxyMiddleware } = require('http-proxy-middleware');

app.use('/', createProxyMiddleware({target: 'http://localhost:9000', changeOrigin:true}))

app.listen(5000)


이렇게 하면 url localhost:5000에 요청할 수 있고 프록시이므로 기본 경로가 localhost:9000/api/users인 경우와 같이 원래 경로에 있는 경로에 요청할 수 있습니다. 하지만 이제 cors 정책을 가져오지 않으려면 localhost:5000/api/users를 호출해야 하며 제대로 작동해야 합니다.

감사.