سلام دوستان . لطفا توضیح بدید که چگونه فایل های 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 ;
}
}
}
سلام دوست من 🖐
امیدوارم حالت خوب و عالی باشی✨
برای لود فایلهای 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 نیز به درستی انجام شده باشن و تمام.
امیدوارم پاسخم بهت کمک کرده باشه ❤️
موفق و پیروز باشی 🤘🌹
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟