[javascript] CORB (Cross-Origin Read Blocking)

 dataType:'jsonp',

JSONP 요청을하고 있지만 서버가 JSON으로 응답하고 있습니다.

브라우저는 보안 위험이 있으므로 JSON을 JSONP로 취급하는 것을 거부합니다. (브라우저 가 JSON을 JSONP로 처리하려고하면 기껏해야 실패합니다).

참조 이 질문 JSONP가 무엇인지에 대한 자세한 내용을. CORS가 사용 가능하기 전에 사용 된 동일한 출처 정책을 해결하기위한 불쾌한 해킹입니다. CORS는 문제에 대한 훨씬 깨끗하고 안전하며 강력한 솔루션입니다.

출처 간 요청을 시도하고 있으며 충돌하는 명령의 거대한 더미에 생각할 수있는 모든 것을 던지고있는 것 같습니다.

동일한 출처 정책이 어떻게 작동하는지 이해해야합니다.

자세한 가이드는 이 질문 을 참조하세요 .

이제 코드에 대한 몇 가지 참고 사항 :

contentType: 'application/json',

• JSONP를 사용할 때 무시됩니다.
• GET 요청을하고 있습니다. 유형을 설명하는 요청 본문이 없습니다.
• 이렇게하면 원본 간 요청이 단순하지 않게됩니다. 즉, 기본 CORS 권한뿐 아니라 사전 비행도 처리해야합니다.

그것을 제거하십시오.

 dataType:'jsonp',

• 서버가 JSONP로 응답하지 않습니다.

이것을 제거하십시오. (서버가 대신 JSONP로 응답하도록 만들 수 있지만 CORS가 더 좋습니다).

responseType:'application/json',

이것은 jQuery.ajax에서 지원하는 옵션이 아닙니다. 이것을 제거하십시오.

xhrFields : {withCredentials : false},

이것이 기본값입니다. ajaxSetup으로 true로 설정하지 않는 한 이것을 제거하십시오.

  headers: {
    'Access-Control-Allow-Credentials' : true,
    'Access-Control-Allow-Origin':'*',
    'Access-Control-Allow-Methods':'GET',
    'Access-Control-Allow-Headers':'application/json',
  },

• 이들은 응답 헤더입니다. 그들은 요청이 아니라 응답에 속합니다.
• 이렇게하면 원본 간 요청이 단순하지 않게됩니다. 즉, 기본 CORS 권한뿐 아니라 사전 비행도 처리해야합니다.

답변

<?php header('Access-Control-Allow-Origin: *');
header('Content-Type: application/json');
echo json_encode($phparray); 

npm install cors --save

var express = require('express');
var app = express();

var cors = require('cors');
var bodyParser = require('body-parser');

//enables cors
app.use(cors({
  'allowedHeaders': ['sessionId', 'Content-Type'],
  'exposedHeaders': ['sessionId'],
  'origin': '*',
  'methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
  'preflightContinue': false
}));

require('./router/index')(app);