vercelでカスタムヘッダーを設定

SharedArrayBufferを使うためにヘッダーを設定したかった。

対象のリポジトリに以下のvercel.jsonを置いたらできた。

code:vercel.json

{

"headers": [

{

"source": "/(.*)",

"headers" : [

{

"key" : "Cross-Origin-Embedder-Policy",

"value" : "require-corp"

},

{

"key" : "Cross-Origin-Opener-Policy",

"value" : "same-origin"

}

]

}

]

}

今回はviteを使ったので上記でやったが、next.jsならたぶん以下のようにnext.config.jsに設定でいける。