express cors error

백엔드는 가볍게 php만 해보다가 리액트와 함께 많이 사용하는 express를 가볍게 사용해보았다.
그러다 만나게 된 문제...

🎃에러

CORS policy

프론트단에서는 계속 네트워크 에러만 나오고...
콘솔에서는 계속 cors error만 나오고...

✨해결

• 기존에 같은 로컬에서만 백과 프론트를 연결해보았기 때문에 외부서버에 전송하기 위해서는 cors를 install해야하는 것을 몰랐다.

npm i cors

const cors = require('cors');
const express = require('express');
const app = express();
const port = 4000; // process.env.PORT 사용
const mysql = require('mysql');

let corsOptions = {
    origin: '*',
    credentials: true // 사용자 인증에 필요한 리소스 허용
  }

app.use(cors(corsOptions));

프론트

 getList =()=>{
        axios.get('http://localhost:4000/')
        .then(response=>{
            alert('연결성공!');
            console.log(response);
        })
        .catch(function(error){
            console.log(error)
        })
    }

외부의 서버와 연동하기 위해서는 필요하다는 것!!
잊지말기!!