Firebase Cloud Functionsのresponseデータが取得できない

Question

localhostで起動しているページからFirebaseの関数経由でCloud Functionsのデータが取得できません。
コールすると Error: Response is missing data field. となります。

Cloud FunctionのREST APIをcurlやブラウザからコールした場合は問題なくデータを取得することができます。

■ 環境
ドメイン: localhost
ブラウザ： Chrome

コードは以下の通りです。

■ クライアント側(localhost)

  public send () {
       let api = firebase.functions().httpsCallable('helloWorld')
       api({text: 'test'}).then((result) => {
           console.log(result.data)
       }).catch((error) => {
           console.error(error)
       })
   }

■　サーバー側(Cloud Function)

import * as functions from 'firebase-functions'
export const helloWorld = functions.https.onRequest((request, response) => {
  // response.header('Accept', '/')
  // response.header('withCredentials', 'true')
  response.header('Content-Type','application/json')
  response.header('Access-Control-Allow-Origin', '*')
  response.header('Access-Control-Allow-Credentials', 'true')
  response.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept, X-Access-Token", Authorization')
  const jsonData = {
    id: 1,
    comment: 'Hello world.'
  }
  response.status(200).json(jsonData).end()
})

サーバー側のheaderに足りていない設定があるのでしょうか。
お手数ですがご教授お願い致します。

Answer 1

以下の記事で解決しました。
クライアント側からaxiosなどを利用してREST APIをコールすることで正常に動作することがわかりました
https://firebase.google.com/docs/functions/http-events?hl=ja