Vue

Розгорніть свій 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.

steps
  1. 01

    Install dependencies

    Run "npm install" once after cloning or scaffolding with "npm create vue@latest".

  2. 02

    Build the app

    Run "npm run build". Vite compiles and minifies your components into plain HTML, CSS, and JS in the "dist" folder.

  3. 03

    Розгорніть

    Запустіть "npx harvis deploy dist" у корені проєкту. Для цього першого розгортання не потрібні ні конфігурація, ні вхід — ви одразу отримаєте живу URL-адресу плюс приватне посилання для підтвердження, щоб коли завгодно прив'язати сайт до безкоштовного акаунта.

Розгорніть Vue однією командою

Зберіть проєкт, а потім передайте папку з результатом harvis. Акаунт для першого розгортання не потрібен — ви отримаєте живе посилання й приватне посилання для підтвердження, щоб керувати сайтом пізніше.

terminal
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?

Так, банківська картка не потрібна. Безкоштовні ліміти — 500 файлів і 50 МБ на сайт, чого з запасом вистачає для статичної збірки Vue. Опубліковані сайти не мають терміну дії — вони залишаються онлайн, доки ви їх не видалите.

Чи можу я використати власний домен для розгорнутого сайту Vue?

Кожен сайт отримує безкоштовну адресу harvis.dev, а після підтвердження ви можете вибрати власний піддомен у панелі керування — my-app.harvis.dev замість випадкового. Прив'язка домену, яким ви вже володієте (наприклад, mystore.com), поки не підтримується.

Чим це відрізняється від розгортання Vue на Vercel чи Netlify?

Vercel і Netlify побудовані навколо підключення Git-репозиторію та запуску вашої збірки на їхніх серверах, із панеллю для налаштування. harvis пропускає все це: ви збираєте проєкт локально (або у власному CI), виконуєте одну команду CLI для папки з результатом і отримуєте посилання — без налаштування проєкту й без акаунта, доки не захочете зберегти сайт за собою.

other frameworks

Розгортаєте щось інше?

Рецепт скрізь однаковий — зберіть, а потім опублікуйте результат через npx harvis deploy.