WEBサーバーからGoogleスプレッドシート更新時のAccess-Control-Allow-Originエラーに関して

Question

#状況
アンケートWEBアプリを構築中です。
クライアントアプリは完成しサーバー側の機能を実装しております。
ただ、負荷軽減や安定性、あとのデータの利用しやすさのため、googleスプレッドシートにデータを保存（自作のWEBサーバーで処理させない）ことにしました。
クライアントから$.postでスプレッドシートを更新するGAS（WEBサーバー）にjsonを送る実装です。

#困っていること
テストで数回は問題なかったのですが、途中でNo Access-Control-Allow-Originエラーが発生し回避方法がわからずに困ってます。
GASのレスポンスヘッダーにAccess-Control-Allow-Origin:"*"を設定できればおそらくうまくいくと思いますが、ググってもやり方がわからず（そもそもできない？）に困っております。

function doPost(e) {
  var timestamp = e.parameters.timestamp;
  var content = e.parameters.content;
  var params = JSON.parse(e.postData.getDataAsString());
  
  var spreadsheet = SpreadsheetApp.openById('XXXXXXXXXXXXXXXXXXXX');
  var sheet = spreadsheet.getSheetByName('saveDataSheet');
  sheet.getRange("A1").setValue(params);
  
  // レスポンス
  var response = {
    'data': {'timestamp': timestamp, 'content':content},
    'header': {"Access-Control-Allow-Origin":"*"},
    'response': 'sccess'
  };
  return ContentService.createTextOutput(JSON.stringify(response)).setMimeType(ContentService.MimeType.JSON);
}

クライアントは下記になります。

:
var json = JSON.stringify(data);
$.post("https://script.google.com/macros/s/YYYYYYYYYYYYYYYYYYY/exec", json);
:

chrome上で発生するエラーは下記のとおりです。
❌がエラー、⚠がアラートです。

❌Access to XMLHttpRequest at 'https://script.google.com/macros/s/YYYYYYYYYYYYYYYYYYY/exec' from origin 'http://XXX.XXX.XXX.XXX' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
⚠▼jquery.min.js:4 Cross-Origin Read Blocking (CORB) blocked cross-origin response https://script.google.com/macros/s/YYYYYYYYYYYYYYYYYYY/exec with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.
  send @ jquery.min.js:4
  ajax @ jquery.min.js:4
  n.(anonymous function) @ jquery.min.js:4
  submit @ main.js:418
  (anonymous) @ main.js:482
  dispatch @ jquery.min.js:3
  r.handle @ jquery.min.js:3

#どうしたいか
クライアントからのGASアプリにアクセスができないなら、一旦自作のWEBサーバーを経由させる方法、あるいは直接googleスプレッドシートを更新する方法など良いやり方があればご教授いただけますと幸いです。

Answer 1

ヘッダーに以下のような設定をしてあげるといいです。
Access-Control-Allow-Origin: http://www.xxxx.com
Access-Control-Allow-Credentials: true
Content-type: application/json; charset=UTF-8？

ex.)

var response = {
    'data': {'timestamp': timestamp, 'content':content},
    'header': {
               "Access-Control-Allow-Origin":"http://www.xxxx.com",
               "Access-Control-Allow-Credentials": true,
               "Content-type": "application/json; charset=UTF-8"
              },
    'response': 'sccess'
  };

Originを*とせずにドメインを指定してあげて
Access-Control-Allow-Credentialsをtrueとして許可するってことをすると
サーバ側がクライアントに対して許可しますってことになるんだと思います。
細かい修正などはおまかせしますが意味合いとしては近いものでしょう。
キーワードで検索してみると同じようなことをしている人を見つけることができるでしょう。

間違っていたらすみません。細かいところは情報がないため正しく書けていません。