-
node error 해결법 : has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.Error Handling 2021. 1. 24. 11:40반응형
노드를 서버로 두고 aixos 와 같은 통신을 보냈을 때 아래와 같은 CORS 에러가 발생하는 경우가 있다.
has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
위 에러는 CORS 라고 유명한? 에러이다.
CORS는
Cross Origin Resource Sharing 의 약자로
현재 도메인에서 다른 도메인으로 리소스가 요청할 경우를 말한다.
하지만 보안상의 이유로 브라우저는 CORS를 제한하고 있기 떄문에 발생한다.
따라서 간단하게 CORS를 허용해주면 된다.
먼저 cors 라는 모듈을 설치한다.
$ npm i cors
그런 뒤 아래와 같이 코드를 추가해주면 된다.
const express = require('express') const cors = require('cors') const app = express() app.use(cors());
반응형'Error Handling' 카테고리의 다른 글
Vue error 해결법 : [Vue warn]: Error in beforeCreate hook: "TypeError: this._router.init is not a function" (0) 2021.01.26 vue error 해결법 : Failed to resolve loader: sass-loader (0) 2021.01.24 Vue error 해결법: 'mapActions' is not defined no-undef (0) 2021.01.21 Vue error 해결법: Cannot read property 'use' of undefined (2) 2021.01.21 gitlab error 해결법: Permission denied (publickey) (0) 2020.11.23