• 같은 도메인에서 다른 포트로 서버(localhost:3000)와 프론트엔드(localhost:80)를 실행하는 경우 발생!
  • React 프론트엔드에서 axios.get 을 하면 CORS 보안 이슈 때문에 에러 발생.
  • CORS 보안 이슈를 무시하기 위해서 서버측 설정이 필요.
  • Response 해더에 다음을 추가하면 된다고 한다.
    • Access-Control-Allow-Origin: *
  • sanic CORS 미들웨어 추가로 해결.

Sanic-CORS 설치

$ pip install -U sanic-cors

Sanic-CORS 사용

from sanic import Sanic
from sanic.response import text
from sanic_cors import CORS, cross_origin

app = Sanic(__name__)
CORS(app)

@app.route("/", methods=['GET', 'OPTIONS'])
def hello_world(request):
  return text("Hello, cross-origin-world!")

참고자료