AzureFunctions에서 HTML과 JSON을 반환합니다. HTTP 헤더에 손을 추가합니다.

AzureFunctions의 출력에 HTTP를 선택했을 때, res 메소드에 컨텐츠를 직접 대입하는 형태가 됩니다만, 이것에 HTML나 JSON를 돌진할 때 잘 해석해 주지 않았으므로, 그것에 대한 해결책을 메모.

해결

headers 객체 내에서 Content-Type을 명시 적으로 지정해야합니다.

context.res = {
    status: 200,
    headers: { 'Content-Type': 'application/json' },
    body : { message : 'Hello World!'}
};

결과

브라우저측에서도 제대로 JSON이라고 인식해 줍니다.

증상

context.res = {
    status: 200,
    body : { message : 'Hello World!'}
    // Headerを指定していない
};

결과

클라이언트에 의해 해석의 방법이 마을이 된다.

끝에

헤더의 지정을 할 수 있으므로 크로스 오리진 요구에도 대응을 할 수 있군요.
JavaScript를 사용하고 있습니다만, 다른 언어로도 똑같이 대응할 수 있다고 생각합니다.