解決

１つの要素に長い文字列を格納するのではなく、要素を分けて程々に長い文字列を格納すればよい。

document.cookie = 'test1=aaaaaaaaaaaaaaa...' // 程々に長くする
document.cookie = 'test2=aaaaaaaaaaaaaaa...' // 程々に長くする

事象

nginxで下記のエラーを発生させたかった。

400 Bad Request
Request Header Or Cookie Too Large

しかし、jsでcookieへの設定が思うようにいかない。

document.cookie = 'test=aaaaaaaaaaaaaaa...' // とてつもなく長くする

長い値を入れすぎると、設定されていない事になってしまう（Mac×Chrome）

tips

Nginxでの400 Bad RequestはCookieが原因かも | 高橋文樹.com | プログラミング nginxの設定で許容量を多めにすれば問題に対応できそう。