هاست Vue.js برای اپ‌های تک‌صفحه‌ای

Vue بدون سرور در زمان اجرا

Vite و Vue CLI هر دو خروجی را در dist می‌ریزند. سکو کلود پروژه را بیلد می‌کند و همین پوشه را با nginx سرو می‌کند؛ اپ سبک می‌ماند و هزینه‌ی منابع زمان اجرا تقریباً صفر است.

با history mode در Vue Router، رفرش روی هر مسیر داخلی به سرور می‌رسد. حالت SPA در sakoocloud.json همه‌ی مسیرهای ناشناخته را به index.html برمی‌گرداند.

مسیر بیلد Vue

1. تشخیص

   vue در وابستگی‌ها، اسکریپت build و لاک‌فایل.

   package.json

2. نصب و بیلد

   وابستگی‌ها نصب و اسکریپت build اجرا می‌شود.

   npm run build

3. بسته‌بندی

   پوشه‌ی dist در ایمیج nginx قرار می‌گیرد.

   dist → nginx

4. سرو

   nginx فایل‌ها را روی پورت 80 سرو می‌کند.

   nginx :80

خروجی یک استقرار واقعی

$ sakoocloud deploy
✔ Packed 0.8MB
✔ Source uploaded
ℹ Build started · dep_7k2m9q
#4 [builder 1/5] FROM node:22-alpine
#6 [builder 3/5] RUN npm ci
#8 [builder 4/5] RUN npm run build
#10 [stage-1 2/2] COPY dist /usr/share/nginx/html
#12 exporting to image
✔ Deployed — app is running.
→ https://my-vue.sakooapps.ir

تنظیم پروژه

برای Vue Router در حالت history، SPA را روشن کنید.

{
  "runtime": "vue",
  "outputDir": "dist",
  "spa": true
}

sakoocloud apps create --name my-vue --runtime vue --port 80
sakoocloud deploy

تنظیمات

همراه هر استقرار

این‌ها به رانتایم بستگی ندارند و برای هر اپ روی سکو کلود فعال‌اند. بعضی، مثل مقیاس‌دهی خودکار و کران‌جاب، به پلن بستگی دارند.

• دامنه‌ی اختصاصی و SSLدامنه را اضافه کنید؛ گواهی خودکار صادر و تمدید می‌شود.
• متغیرهای محیطی و سکرتمقادیر رمزگذاری‌شده فقط در زمان اجرا به اپ می‌رسند.
• مرحله‌ی انتشارmigration بعد از بیلد و پیش از جایگزینی نسخه‌ی قبلی اجرا می‌شود.
• لاگ زندهلاگ بیلد و زمان اجرا، در CLI و کنسول.
• بازگشت به نسخه‌ی قبلهر استقرار قبلی با یک دستور برمی‌گردد.
• مقیاس‌دهیمنابع و تعداد نمونه‌ها را تغییر دهید یا خودکارش کنید.
• دیسک ماندگاربرای فایل‌هایی که باید بعد از هر استقرار بمانند.
• کران‌جابدستور زمان‌بندی‌شده با همان ایمیج و متغیرها.
• استقرار خودکار با گیتهر push روی شاخه‌ی هدف بیلد و مستقر می‌شود.

خطاهای رایج

{
  "outputDir": "dist",
  "spa": true
}

sakoocloud apps scale --memory 1Gi

پرسش‌های متداول

جزئیات بیشتر در راهنمای Vue.js در مستندات و مرجع CLI.