Vueアプリをデプロイ
The official create-vue scaffold (Vite under the hood) builds to a single dist folder with everything the browser needs. Hand that folder to the CLI and it's live.
- 01
Install dependencies
Run "npm install" once after cloning or scaffolding with "npm create vue@latest".
- 02
Build the app
Run "npm run build". Vite compiles and minifies your components into plain HTML, CSS, and JS in the "dist" folder.
- 03
デプロイする
プロジェクトのルートで「npx harvis deploy dist」を実行してください。この最初のデプロイに設定もログインも不要 — すぐに公開URLが手に入り、いつでも無料アカウントにサイトを紐付けられる非公開のオーナー登録リンクも一緒に発行されます。
Vueをコマンド1つでデプロイ
プロジェクトをビルドして、出力フォルダをharvisに渡すだけ。最初のデプロイにアカウントは不要 — 公開リンクと、あとで管理するための非公開のオーナー登録リンクが手に入ります。
npm run build npx harvis deploy dist
ターミナルよりファイルをドラッグする方が好みですか?プロジェクトをビルドしたら、出力フォルダをここにドロップすれば同じように公開できます。
Vueのデプロイに関する質問
I'm using Vue Router in history mode. Will deep links work?
Yes. harvis falls back to index.html for any path it doesn't recognize as a file, which is exactly what history-mode routing needs for a direct visit to a route like /about to resolve correctly.
Does this work for a Vue app built with the older Vue CLI (not Vite)?
Yes — Vue CLI's "npm run build" also writes static output, just to a "dist" folder by default too. Point the CLI at whatever folder your build config actually writes to if you've customized it.
Vueアプリをharvisにデプロイするのは本当に無料ですか?
はい、クレジットカードは不要です。無料枠は1サイトあたり500ファイル・50 MBで、静的なVueのビルドなら十分すぎるほどです。公開したサイトに有効期限はなく、削除するまで公開され続けます。
デプロイしたVueサイトに独自ドメインは使えますか?
どのサイトも無料のharvis.devアドレスが割り当てられ、オーナー登録後にダッシュボードから好きなサブドメインを選べます(ランダムな名前の代わりにmy-app.harvis.devのように)。すでに持っている独自ドメイン(mystore.comなど)をサイトに向ける機能は、まだ用意されていません。
VueをVercelやNetlifyにデプロイするのと何が違いますか?
VercelやNetlifyは、Gitリポジトリを接続してビルドを自分たちのサーバー上で実行し、ダッシュボードで設定する仕組みが中心です。harvisはそれをすべて省略します。ローカル(または自分のCI)でビルドし、出力フォルダに対してCLIコマンドを1つ実行するだけでリンクが手に入ります — プロジェクトの設定も、サイトを残しておきたくなるまでのアカウントも不要です。
別のものをデプロイしますか?
手順はどれでも同じです — ビルドしてから、出力フォルダをnpx harvis deployするだけ。