now.shにデプロイしたAPIサーバーに、CORS（Cross-Origin Resource Sharing）設定をする

now.jsonにheaderセクションを追加する

now.shの挙動はnow.jsonに書くことになっていますが、こちらにはHTTPヘッダの情報も含めることができます。

CORSにも対応しているので、下記のように記述（追記）します。

{
  "routes": [
    { "src": ".*", "headers":
      {
        "Access-Control-Allow-Origin": "*"
      }
    }
  ]
}

上記の設定では、すべてのオリジンを受け付ける（「*」の部分）ようになっていますが、ここは適宜変更してください。

その他HTTPヘッダの設定

アクセス可能なメソッドの追加

"Access-Control-Allow-Methods":"GET, POST, PUT, DELETE, OPTIONS"

レスポンスヘッダの共有

"Access-Control-Allow-Headers":"X-Requested-With, Content-Type, Accept"

CORS設定ファイルのサンプル

{
  "routes": [
    {
      {"Access-Control-Allow-Origin": "*"
       "Access-Control-Allow-Methods":"GET, POST, PUT, DELETE, OPTIONS"
       "Access-Control-Allow-Headers":"X-Requested-With, Content-Type, Accept"},
       "src":"/.*",
       "dest":"/index.js"
    }
  ]
}

設定ができたら、now.shにデプロイすればOKです。

プログラム側でheaderを追加することもできる

なお、node.jsなどHTTPヘッダーをいじれるアプリの場合は、もちろんそちらで設定することも可能です。

しかし、静的ファイル（jsonなど）には、プログラム側からHTTPヘッダを追加できないので、今回の「now.json」にHTTPヘッダ情報を含める方が一括で対応ができて便利かと思います。

now.shにデプロイしたAPIサーバーに、CORS（Cross-Origin Resource Sharing）設定をする方法を見てきました。

CORS設定は、APIを使う際に必須の条件なので、now.shでAPIを作ろうという方はぜひ設定してみてください。