更新日:

Vercel 無料で静的ファイルをホスティングする

タグ

ソースコード

public/index.html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>html</title>
</head>
<body>
  <h1>hello</h1>
</body>
</html>

SPAの場合

vercel.json
{
  "routes": [
    { "handle": "filesystem" },
    {
      "src": "/.*",
      "dest": "/index.html"
    }
  ]
}

通常のホスティングの場合

vercel.json
{
  "public": true,
  "headers": [
    {
      "source": "/(.*)",
      "headers": [
        {
          "key": "X-Frame-Options",
          "value": "SAMEORIGIN"
        }
      ]
    }
  ]
}

コマンド

ローカルで実行 ポート番号3000で鯖が立ち上がる

bash
$ npx vercel dev

デプロイ

bash
$ npx vercel --prod

© 2020- itsumen.com