48 ajax

source: categories/study/vue-experiance/vue-experiance_9-38.md

AJAX

async function getData() {
    var response = await fetch('https://codingapple1.github.io/price.json');
    if (!response.ok) {
        throw new Error('400 에러 500 에러');
    }
    var result = await response.json();
    console.log(result);
}

getData().catch(() => {
    console.log('에러남');
})

AJAX를 다루다보면 CORS 관련 에러를 자주 보게됩니다.

Access to XMLHttpRequest at 'http://localhost:8080/test1' has been blocked by CORS policy: No 'Access-Control-Alow-Origin' header is present on the requested resource.

에러가 나는 이유

• naver.com -> kakao.com (ajax 요청 불가능)

해결방법

• request header에 Access-Control-Allow-Origin: "*" 이런걸 추가하거나
• CORS 정책 관련 기능을 끄거나

var cors = require('cors')
app.use(cors());