摩訶不思議な現象。Corsエラーがクエリパラメータで一定の文字数以上を渡した時にのみ発生する

Question

摩訶不思議な現象が起きて困っております。

フロントエンドを通常のjqueryを入れたHTML（localhost）、バックエンドをPythonのFlask(レンタルサーバ)を使ってデータのやりとりをしています。HTMLからPost通信でバックエンドのAPIを叩くのですが、クエリパラメータで一定の文字数以上を渡した時にのみCorsエラーが発生します。

Access to XMLHttpRequest at 'http://api.myDomain.com/test/' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

不思議なのは一定以上の文字列を渡した時にのみ発生することです

フロントエンドからは下記でAPIを叩いています。
なお、#input_messageはtextareaでとったユーザーの入力文字列です。

function main(){

  console.log(123);
  let input_message = document.getElementById("input_message").value;
  $.post( 'http://api.myDomain/test/', 'queryA='+input_message )
    .done(function( data ) {
        console.log( data );
        data = JSON.parse(data)
        document.getElementById("output_message").value = data;
    })

この時、渡すデータの文字数が１００文字程度以上だとエラーが発生するのですが、それ以下だと発生しません。エラーメッセージは下記です。

Access to XMLHttpRequest at 'http://api.myDomain.com/test/' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

なのでバックエンド側でCors設定していないようなメッセージですが、短いデータを渡すと処理されます。
なので全く意味がわからず困っております。なお、バックエンドはPythonのFlask3.0.9です。Corsはすべて解除しております。

# -*- coding: utf-8 -*-
import json
from flask import Flask,request
from flask_cors import CORS
from google.cloud import language
from google.cloud.language import enums
from google.cloud.language import types

from google.cloud import language_v1
from google.cloud.language_v1 import enums
app = Flask(__name__)
CORS(app)

ある文字数以上で発生するのでまったく意味がわかりません。
どなたかアドバイスいただけないでしょうか。

ヘッダー情報

ヘッダー情報などを追記します。（Chromeのネットワークタブで確認しました）
◎渡す文字数が少なくてうまくいく場合

Request URL: http://api.myDomain.com/test/
Request Method: POST
Status Code: 200 OK
Remote Address: 183.**.**.37:80
Referrer Policy: strict-origin-when-cross-origin

HTTP/1.1 200 OK
Server: nginx
Date: Sat, 17 Oct 2020 00:51:54 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 219
Connection: keep-alive
Access-Control-Allow-Origin: http://localhost:8080
Vary: Origin
Accept-Ranges: bytes

POST /test/ HTTP/1.1
Host: api.np-sys.com
Connection: keep-alive
Content-Length: 58
Accept: */*
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.75 Safari/537.36
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
Origin: http://localhost:8080
Referer: http://localhost:8080/
Accept-Encoding: gzip, deflate
Accept-Language: ja,en-US;q=0.9,en;q=0.8

◎渡す文字数が多くてうまくいかない場合

Request URL: http://api.myDOmain.com/test/
Referrer Policy: strict-origin-when-cross-origin

HTTP/1.1 500 Internal Server Error
Server: nginx
Date: Sat, 17 Oct 2020 00:51:56 GMT
Content-Type: text/html
Content-Length: 3028
Connection: keep-alive
Last-Modified: Sat, 28 Jul 2018 08:59:43 GMT
ETag: "bd4-5720b730b4f22"

POST /test/ HTTP/1.1
Host: api.myDomain.com
Connection: keep-alive
Content-Length: 311
Accept: */*
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.75 Safari/537.36
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
Origin: http://localhost:8080
Referer: http://localhost:8080/
Accept-Encoding: gzip, deflate
Accept-Language: ja,en-US;q=0.9,en;q=0.8

情報不足や要領悪い部分あると思いますが、何卒よろしくお願いいたします。

Comments

[ockeghem]

まずは、エラーになる・ならない状況でAccess-Control-Allow-Originヘッダがどうなっているかを確認して、それを追記してください。

[faust_0918]

コメントありがとうございます。追記させていただきました。何卒よろしくお願いいたします。

Answer 1

◎渡す文字数が多くてうまくいかない場合
HTTP/1.1 500 Internal Server Error

サーバーサイドの処理でエラーが出ているので原因を調査し、サーバーサイドの処理を修正してください。

Comments

[faust_0918]

ありがとうございます。500エラーだったのですね！おかげさまでデバッグ力上がりました。

[faust_0918]

https://support.xserver.ne.jp/faq/service_hp_trouble_500.phpを見ると、xserverではcgiによる重い動作に対して制限をかけているようでした。コメント、回答いただいてありがとうございました。