[fetch]URLを直接入力するとjsonを得られるが、vue上だとうまくいかない

Question

前提・実現したいこと

vueのscriptでAPIを叩こうとしているのですが、以下のようなレスが帰ってきます。
URLを直接入力するとjsonを得られるのですが、プログラム上だとなぜかうまくいきません。
何が原因でしょうか。
回答お願いします。

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

直接入力

{"OutputData":{"geoLength":"771733.267","azimuth1":"87.9975472222222","azimuth2":"272.002452777778"}}

プログラム

Response {type: "opaque", url: "", redirected: false, status: 0, ok: false, …}

該当のソースコード

return await fetch(
        `https://hogehoge`,　//同じことは確認ずみ
        {
          mode: 'no-cors'
        })
      .then(response => console.log(response));

Comments

[gouf]

「うまくいかない」の内容がよくわかりませんでした

次のような情報は参照済みですか? : https://qiita.com/TakeshiNickOsanai/items/4a061fd8d7312ad680d3 ,
https://jp.vuejs.org/v2/cookbook/using-axios-to-consume-apis.html

Answer 1

CORS制限ではないでしょうか？
Chrome Developer Toolsのネットワークタブやコンソールタブでエラーを探してみてください