لود نشدن فایل های css و js در nginx

سلام دوستان . لطفا توضیح بدید که چگونه فایل های css وjs رو در nginx لود کنم تا از طریق مرورگر به html فایل استایل بدهد
کد کانفیگ:

user retro;

worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;

events {
    worker_connections 2048;
}

http {
    upstream lb {
        # least_conn;
        server 127.0.0.1:82 weight=1;
        server 127.0.0.1:81 weight=7;

    }
    server {
        listen 80;

        location / {
            error_log /home/retro/Desktop/www/logs/error_root.log;
            access_log /home/retro/Desktop/www/logs/access_root.log;
            proxy_pass http://lb;
        }

      }
    server {
        listen 81;

        location / {
            root /home/retro/Desktop/www/templates/server1 ;

        }

      }

    server {
        listen 82;
        root /home/retro/Desktop/www/templates/server2/ ;

        location / {
            error_log  /home/retro/Desktop/error_root.log;
        }

        location /images/ {
            error_log  /home/retro/Desktop/error_img.log;
        }

        location ~ \.(jpg|png) {
            error_log  /home/retro/Desktop/error_img.log;
            root /home/retro/Pictures ;
        }

      }

}

ثبت پرسش جدید

مهدی نظری

تخصص : توسعه دهنده Front End

@mahdi.nazari 7 ماه پیش مطرح شد

سلام دوست من 🖐
امیدوارم حالت خوب و عالی باشی✨

برای لود فایل‌های CSS و JavaScript در Nginx و ارتباط آنها با فایل‌های HTML، باید از تگهای <link> برای فایل‌های CSS و تگهای <script> برای فایل‌های JavaScript در فایل HTML خود استفاده کنی. در ادامه نحوه انجام این کار را توضیح میدم بهت .

استفاده از تگ <link> برای CSS:
در فایل HTML ، شما باید تگ <link> را به صورت زیر اضافه کنید تا به فایل CSS متصل کنی :
```
<link rel="stylesheet" type="text/css" href="/path/to/your/css/file.css">
```
در اینجا /path/to/your/css/file.css را با مسیر واقعی فایل CSS خود جایگزین کنی .
استفاده از تگ <script> برای JavaScript:
برای فایل‌های JavaScript نیز مشابه عمل کنید. تگ <script> به صورت زیر در فایل HTML شما قرار بدی:
```
<script src="/path/to/your/js/file.js"></script>
```
/path/to/your/js/file.js را با مسیر واقعی فایل JavaScript خود جایگزین کنی.
تنظیم Nginx برای سرویس دهی به فایل‌های استایل و جاوااسکریپت:
در تنظیمات Nginx شما باید موارد زیر را انجام بدی:
- برای فایل‌های CSS، تنظیماتی مشابه این را به فایل server مربوط به وب‌سرور اصلی اضافه کنی:
```
location /path/to/your/css/ {
 alias /real/path/to/your/css/;
}
```
  /path/to/your/css/ را با مسیر مطلق در URL خود جایگزین کنی و /real/path/to/your/css/ را با مسیر واقعی فایل‌های CSS در سیستم فایل‌های شما جایگزین کنی.
- برای فایل‌های JavaScript، تنظیمات مشابه این را به فایل server مربوط به وب‌سرور اصلی اضافه کنی:
```
location /path/to/your/js/ {
 alias /real/path/to/your/js/;
}
```
  /path/to/your/js/ را با مسیر مطلق در URL خود جایگزین کنی و /real/path/to/your/js/ را با مسیر واقعی فایل‌های JavaScript در سیستم فایل‌های شما جایگزین کنیشون.
آپلود HTML:
حالا با تغییرات در فایل HTML و تنظیمات Nginx، فایل‌های CSS و JavaScript به صورت صحیح در صفحه HTML خودت آپلود میشن .

بعد از اعمال این تغییرات، فایل‌های CSS و JavaScript به درستی بارگذاری شده و به HTML شما ارجاع داده میشن. فقط چک کن که مسیرهای مربوط به فایل‌های CSS و JavaScript در تگهای <link> و <script> درست تنظیم شده باشن و تنظیمات Nginx نیز به درستی انجام شده باشن و تمام.

امیدوارم پاسخم بهت کمک کرده باشه ❤️
موفق و پیروز باشی 🤘🌹

ارسال پاسخ

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام

دوره‌های آموزشی

مسیرهای یادگیری

پیشرفت من

دوره‌های رایگان

گواهی پایان دوره

لود نشدن فایل های css و js در nginx

گزینش سوالات

گفت و گو های مرتبط

دسته ‌بندی سوالات

تگ‌های محبوب

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید