실행 전 요청에 대한 응답이 액세스 제어 검사를 통과하지 못함: 'Access-Control-Allow-Origin'
내 문제를 모든 곳에서 검색해도 해결책을 찾을 수 없습니다.
내 문제
메인 파일에 cors 패키지를 추가했습니다.
index.js
const cors = require('cors');
const corsOptions = {
origin: 'https://backend.com/',
optionsSuccessStatus: 200,
credentials: true
}
app.use(cors(corsOptions));
// prelight cors error
app.options('*', cors(corsOptions));
app.use((req,res,next)=>{
res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, PATCH, DELETE, OPTIONS');
res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');
next();
})
front=end 파일 게시 요청
axios.post('https://backend.com/blog', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(sendData)
})
나는 원점 값을 설정 = *
내 백엔드 파일 실행 포트 = 3001 때문에
포트에서 실행되는 프런트 엔드 파일 = 3000
어떤 오류가 발생합니까?
** 원본 'https://backend.com/blog'에서 XMLHttpRequest에 대한 액세스가 CORS 정책에 의해 차단되었습니다. 실행 전 요청에 대한 응답이 액세스 제어 검사를 통과하지 못합니다. 'Access-Control-Allow-Origin' 헤더에 값 'https://portfolio.netlify.app '이(가) 제공된 원본과 같지 않습니다.`
**
참고: - 위 줄의 URL은 실제가 아니므로 Google에서 이 웹사이트를 검색하지 마세요.
Reference
이 문제에 관하여(실행 전 요청에 대한 응답이 액세스 제어 검사를 통과하지 못함: 'Access-Control-Allow-Origin'), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/jon_snow789/response-to-preflight-request-doesnt-pass-access-control-check-the-access-control-allow-origin-2lmf텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)