Vue

Deploy aplikasi Vue anda

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

    Deploy

    Jalankan "npx harvis deploy dist" daripada akar projek anda. Tiada konfigurasi dan tiada log masuk untuk deploy pertama ini — anda dapat URL langsung serta-merta, ditambah pautan tuntutan peribadi untuk melampirkan laman itu ke akaun percuma bila-bila masa anda bersedia.

Deploy Vue dengan satu arahan

Bina projek anda, kemudian serahkan folder output kepada harvis. Tiada akaun diperlukan untuk deploy pertama — anda akan dapat pautan langsung dan pautan tuntutan peribadi untuk menguruskannya kemudian.

terminal
npm run build
npx harvis deploy dist

Lebih suka menyeret fail daripada terminal? Bina projek itu, kemudian lepaskan folder output di sini dan terbitkannya dengan cara yang sama.

Soalan deploy 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.

Adakah deploy aplikasi Vue ke harvis sebenarnya percuma?

Ya, tiada kad diperlukan. Had percuma ialah 500 fail dan 50 MB setiap laman, yang cukup untuk binaan Vue statik dengan banyak ruang lebih. Laman yang diterbitkan tidak luput — ia kekal live sehingga anda memadamnya.

Bolehkah saya guna domain saya sendiri dengan laman Vue yang dideploy?

Setiap laman mendapat alamat harvis.dev percuma, dan anda boleh memilih subdomain anda sendiri daripada papan pemuka selepas menuntutnya — my-app.harvis.dev berbanding satu yang rawak. Mengarahkan domain yang anda sudah miliki (seperti mystore.com) ke laman itu belum lagi disokong.

Apa bezanya ini dengan deploy Vue ke Vercel atau Netlify?

Vercel dan Netlify dibina di sekitar penyambungan repo Git dan menjalankan binaan anda di pelayan mereka, dengan papan pemuka untuk mengkonfigurasinya. harvis melangkau semua itu: anda bina secara tempatan (atau dalam CI anda sendiri), jalankan satu arahan CLI terhadap folder output, dan dapatkan pautan — tiada persediaan projek, dan tiada akaun diperlukan sehingga anda mahu mengekalkan laman itu.

other frameworks

Deploy sesuatu yang lain?

Resepinya sama di mana-mana sahaja — bina, kemudian npx harvis deploy output itu.