Vue

I-deploy ang iyong Vue app

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

    I-deploy ito

    Patakbuhin ang "npx harvis deploy dist" mula sa project root mo. Walang config at walang login para sa unang deploy na ito — agad kang makakakuha ng live URL, kasama ang private na claim link para idugtong ang site sa libreng account kapag handa ka na.

I-deploy ang Vue gamit ang isang command

I-build ang project mo, tapos ibigay sa harvis ang output folder. Walang kailangang account para sa unang deploy — makakakuha ka ng live link at private na claim link para pamahalaan ito sa susunod.

terminal
npm run build
npx harvis deploy dist

Mas gusto mong mag-drag ng file kaysa terminal? I-build ang project, tapos i-drop ang output folder dito at i-publish ito sa parehong paraan.

Mga tanong sa pag-deploy ng 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.

Talaga bang libre ang pag-deploy ng Vue app sa harvis?

Oo, walang kailangang card. Ang libreng limit ay 500 file at 50 MB kada site, na sapat na sapat para sa static Vue build. Hindi nag-e-expire ang mga na-publish na site — mananatili itong live hanggang sa i-delete mo ito.

Puwede ko bang gamitin ang sarili kong domain sa na-deploy na Vue site?

Bawat site ay makakakuha ng libreng harvis.dev address, at puwede kang pumili ng sarili mong subdomain mula sa dashboard pagkatapos itong i-claim — my-app.harvis.dev sa halip na random. Ang pagtuturo ng domain na meron ka na (tulad ng mystore.com) papunta sa site ay hindi pa suportado.

Ano ang pagkakaiba nito sa pag-deploy ng Vue sa Vercel o Netlify?

Umiikot ang Vercel at Netlify sa pagkonekta ng Git repo at pagpapatakbo ng build mo sa mga server nila, may dashboard para i-configure ito. Nilalaktawan ng harvis ang lahat ng iyon: nagbi-build ka locally (o sa sarili mong CI), nagpapatakbo ng isang CLI command laban sa output folder, at makakakuha ng link — walang project setup, at walang kailangang account hanggang gusto mong panatilihin ang site.

other frameworks

Nag-de-deploy ka ng iba?

Pareho ang proseso kahit saan — i-build ito, tapos npx harvis deploy ang output.