node.jsでajaxのpostができない

前提

node.jsでGoogleのspeech-to-text-APIを使用しようとしています。
ajaxのpost通信ができなくて困っています。

実現したいこと

ajaxを使ってAPIにデータを送りたい

発生している問題・エラーメッセージ

Speech API Error:{"readyState":0,"status":0,"statusText":"error"}
Error: Cross origin null forbidden
    at dispatchError (/Users/taichitanaka/node_modules/jsdom/lib/jsdom/living/xhr/xhr-utils.js:63:19)
    at Object.validCORSHeaders (/Users/taichitanaka/node_modules/jsdom/lib/jsdom/living/xhr/xhr-utils.js:75:5)
    at receiveResponse (/Users/taichitanaka/node_modules/jsdom/lib/jsdom/living/xhr/XMLHttpRequest-impl.js:794:19)
    at Request.<anonymous> (/Users/taichitanaka/node_modules/jsdom/lib/jsdom/living/xhr/XMLHttpRequest-impl.js:658:43)
    at Request.emit (node:events:513:28)
    at Request._processResponse (/Users/taichitanaka/node_modules/jsdom/lib/jsdom/living/helpers/http-request.js:228:12)
    at ClientRequest.<anonymous> (/Users/taichitanaka/node_modules/jsdom/lib/jsdom/living/helpers/http-request.js:101:12)
    at Object.onceWrapper (node:events:628:26)
    at ClientRequest.emit (node:events:525:35)

該当のソースコード

javascript
1const jsdom = require('jsdom');
2const { JSDOM } = jsdom;
3const dom = new JSDOM(`<html><body><div id="aaa">AAA<div></body></html>`);
4const { document } = dom.window;
5const jquery = require('jquery');
6const $ = jquery(dom.window);
7
8var key = "＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊";
9
10load_file();
11function load_file() {
12    var json = {
13        "config": {
14            "encoding": "LINEAR16",     
15            "sample_rate": 44100,
16            "language_code": "ja_JP"
17        },
18        "audio": {
19            "content": "unko.wav"       
20        }
21    };
22    voice_recognition(json);
23}
24
25function voice_recognition(json){  
26    $.ajax({
27        type: 'POST',
28        url: 'https://speech.googleapis.com/v1beta1/speech:syncrecognize?key=' + key,
29        data: JSON.stringify(json),
30        dataType:'json',
31        contentType: 'application/json'
32    }).done(function(data) {
33        console.log(data.results[0].alternatives[0].transcript);
34    }).fail(function(error) {
35        console.log("Speech API Error:" + JSON.stringify(error)); 
36    });
37}

試したこと

https://eniel.blog.fc2.com/blog-entry-479.html
上記のサイトで書かれている通りエラーメッセージを出しているメソッドの一番上にreturn trueを入れ強制的にtrueを返すようにしました。
結果：エラー自体は消えました結果が帰ってこないので正常に動作していないと思います。

return trueを入れた場所↓
/Users/***/node_modules/jsdom/lib/jsdom/living/xhr/xhr-utils.js　内の５８行目

JavaScript
1function dispatchError(xhr) {
2  return true;
3  const errMessage = xhr.properties.error;
4  requestErrorSteps(xhr, "error", DOMException.create(xhr._globalObject, [errMessage, "NetworkError"]));
5
6  if (xhr._ownerDocument) {
7    const error = new Error(errMessage);
8    error.type = "XMLHttpRequest"; // TODO this should become "resource loading" when XHR goes through resource loader
9
10    xhr._ownerDocument._defaultView._virtualConsole.emit("jsdomError", error);
11  }
12}

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

退会済みユーザー

2022/11/20 07:03

聞く前にググって調べてみるとかしましたか？　エラーメッセージでググると以下の記事がヒットしますが、こういう話なのでは？ nodeからのAjaxで「Error: Cross origin null forbidden」 https://eniel.blog.fc2.com/blog-entry-479.html

Tanaei0301

2022/11/20 07:09

このサイト通りにreturn trueを入れてみたのですがエラーメッセージが消えただけで正常に動作しているようには思えなかったので質問しました。このサイトにあるcheerもググってみたのですがピンとくるものが出てこないのですがどういうものなのかわかりますか？この記事以外に同じ内容の記事は見当たらなかったので手詰まり状態です。

Tanaei0301

2022/11/20 07:11

入れた場所ここです function dispatchError(xhr) { const errMessage = xhr.properties.error; requestErrorSteps(xhr, "error", DOMException.create(xhr._globalObject, [errMessage, "NetworkError"])); if (xhr._ownerDocument) { const error = new Error(errMessage); error.type = "XMLHttpRequest"; // TODO this should become "resource loading" when XHR goes through resource loader xhr._ownerDocument._defaultView._virtualConsole.emit("jsdomError", error); } }

退会済みユーザー

2022/11/20 07:21

> このサイト通りにreturn trueを入れてみたのですがエラーメッセージが消えただけで正常に動作しているようには思えなかったので質問しました。そういうことは最初から質問に書いておいていただくようお願いします。情報の小出し・後出しは NG です。

Tanaei0301

2022/11/20 07:22

すみません。まだ使いはじめて2回目なもので、

maisumakun

2022/11/20 07:55

> エラーメッセージが消えただけで正常に動作しているようには思えなかったただの思い込みかもしれません。動作としての不具合の有無を確認してください。

退会済みユーザー

2022/11/20 08:06

今からでも遅くはないので、質問欄を編集して、 > このサイト通りにreturn trueを入れてみたのですがエラーメッセージが消えただけで正常に動作しているようには思えなかったので質問しました。ということを追記願います。他にもやってみたことがあれば、何をしてどういう結果になったかを追記願います。

Tanaei0301

2022/11/20 08:07

わかりました

maisumakun

2022/11/20 08:36

jsdomを使っているのは、ブラウザで使うもののテストをNodeから行うためなど、明確な理由があってのものでしょうか？

Tanaei0301

2022/11/20 08:47 編集

＞ただの思い込みかもしれません。動作としての不具合の有無を確認してください。確認してみたのですが処理結果がエラーメッセージすら帰ってきていないので動作していないと思います。ajaxの書き方が間違っているのかと思いもう一度見返してみたのですが自分ではわかりませんでした。 return trueを入れた場合 .done(function(data) {}と.fail(function(error) {}両方の一番上にconsole.logで適当な文字を出力するように書いたのですが出てこないのでこの二つの関数には入っていなかったです。入れなかった場合はエラーメッセージと自分がconsole.logで書いた適当な文字が出力されていました。

Tanaei0301

2022/11/20 08:44

＞jsdomを使っているのは、ブラウザで使うもののテストをNodeから行うためなど、明確な理由があってのものでしょうか？すみません深い意味はないです。ajax通信の方法を調べたらjsdomで書かれてるものがほとんどだったので使うことにしました。