مرکز آموزش میهن وب هاست

برای میزبانی React JS در cPanel، باید فایل‌های تولیدی را به صورت زیر به هاست منتقل کنید:

1- ساخت نسخه تولیدی (Build) از برنامه React:

وارد پروژه خود شده و در ترمینال کدهای زیر را برای ایجاد خروجی وارد نمایید:

npm run build

این دستور پوشه‌ای به نام build در مسیر پروژه ایجاد می‌کند که شامل نسخه بهینه‌شده و آماده برای انتشار برنامه است. در نظر داشته باشید که فایل خروجی می بایست به صورت فشرده و با پسوند zip برای آپلود در هاست آماده شود.

2- آپلود فایل‌های Build (خروجی تهیه شده از پروژه):

پس از ورود به هاست و دسترسی به فایل منیجر، به مسیری که در نظر دارید پروژه شما در آن قرار گیرد رفته و فایل فشرده تهیه شده را در هاست آپلود نمایید.

تصویر(1)

با راست کلیک روی آن و فشردن گزینه Extract آن را از حالت فشرده خارج کنید. 

شما باید تمام محتوای پروژه را مستقیما در مسیر مد نظر قرار دهید.

تصویر(2)

3-مدیریت فایل‌های مسیر‌دهی:

React از سیستم مسیریابی SPA استفاده می‌کند لذا ممکن است هنگام لود صفحه یا دسترسی به آدرس‌های داخلی، خطای 404 ایجاد شود. برای رفع این مشکل می بایست فایل htaccess پروژه را با کدهای زیر اصلاح کرده یا اگر فاقد این فایل است، مطابق با تصویر زیر فایل جدیدی با نام htaccess. ایجاد نموده و کدهای زیر را در آن درج نمایید:

تصویر(3)

<IfModule mod_rewrite.c>

  RewriteEngine On

  RewriteBase /

  RewriteRule ^index\.html$ - [L]

  RewriteCond %{REQUEST_FILENAME} !-f

  RewriteCond %{REQUEST_FILENAME} !-d

  RewriteCond %{REQUEST_FILENAME} !-l

  RewriteRule . /index.html [L]

</IfModule>