Vue ওয়েবসাইট হোস্ট করুন
ব্রাউজারে রেন্ডার হওয়া Vue অ্যাপ স্ট্যাটিক ফাইল হিসেবে হোস্ট করা যায়। সার্ভার রেন্ডারিং, সার্ভার কম্পোনেন্ট ও API হ্যান্ডলারে ফ্রেমওয়ার্কের রানটাইম লাগে।
ধাপ
- প্রজেক্টের বিল্ড ও ডিপ্লয় নির্দেশনা পড়ুন। আউটপুট স্ট্যাটিক নাকি সব সময় চালু থাকা সার্ভার লাগবে নিশ্চিত করুন।
- লকফাইলসহ Vite স্ট্যাটিক প্রজেক্ট হলে নিচের কমান্ডে লোকাল বা CI-তে বিল্ড করুন। অন্য টুলে কমান্ড ও আউটপুট ফোল্ডার আলাদা হতে পারে।
- বিল্ডের আগে প্রোডাকশন API URL ও বেস পাথ দিন। ব্রাউজারের এনভায়রনমেন্ট ভেরিয়েবল বান্ডলে প্রকাশ পায়; গোপন তথ্য রাখবেন না।
- তৈরি আউটপুট ফোল্ডারের ভেতরের ফাইল ডোমেইনের ডকুমেন্ট রুটে আপলোড করুন। সাধারণ Vite প্রজেক্টে সেটি dist; সোর্স প্রজেক্ট বা ডিপেন্ডেন্সির ফোল্ডার নয়।
- হিস্টরি রাউটিং হলে আসল ফাইল ও API রুট অক্ষত রেখে অ্যাপের রুটে এন্ট্রি HTML ফেরানোর নিয়ম দিন। নিজের ওয়েব সার্ভারের উপযোগী নিয়ম সাপোর্ট থেকে নিন; Apache-এর নিয়ম Nginx কনফিগার করে না।
- HTTPS চালিয়ে নেস্টেড রুট সরাসরি খোলা, রিফ্রেশ, অ্যাসেট ও API পরীক্ষা করুন। সার্ভার-নির্ভর মোডে VPS ব্যবহার করুন।
সাধারণ Vite বিল্ড
bash
npm ci
npm run buildসমস্যা হলে
ফাঁকা পেজ হলে অ্যাসেটের বেস পাথ বা API অনুরোধ দেখুন। নেস্টেড রুটে 404 হলে সার্ভারের সঠিক ফলব্যাক লাগবে। ডেভেলপমেন্ট বা প্রিভিউ সার্ভারকে প্রোডাকশন হোস্টিং করবেন না।
সম্পর্কিত গাইড
সর্বশেষ পর্যালোচনা
2026-10-28