با سلام خدمت دوستان
من یک فایل تمرینی ایجاد کردم که توی کدهای html و js اون، برای قرار دادن عکس ها از svg و use استفاده شده.
هنگامی که فایل html رو در مرورگر کروم باز می کنم به خطوط کدی که در html و js هستش و به svg use ها مربوط میشه، گیر میده و عکس های svg رو نمایش نمیده.
پیغام خطا:
57 Unsafe attempt to load URL <URL> from frame with URL <URL>. 'file:' URLs are treated as unique security origins.
بعلاوه وقتی که همین فایل html رو با مرورگر فایرفاکس باز می کنم، مشکلی وجود نداره و بخوبی عکس ها به نمایش در میان.
سوالم اینه که:
این مشکل محسوب نمیشه و به این دلیل بالا اومده که شما فایل html رو به شکل file:// فراخونی کردین .
برای برطرف کردنش باید روی مثلا localhost بالا بیارید
از php یا xampp و دایرکتوری htdocs اون برای بالا اوردن روی یک پورت میتونید استفاده کنید
جستجوی انگلیسی هم توی گوگل کردم ولی متوجه نشدم باید چیکار کنم.
از جمله این صفحه:
https://css-tricks.com/svg-use-external-source/
@hesammousavi
خواهش میکنم،
کدهای زیادی هستش، مثلا اینها برای html:
<button class="btn search__btn">
<svg class="search__icon">
<use href="img/icons.svg#icon-magnifying-glass"></use>
</svg>
<span>Search</span>
</button>
یا این:
<div class="likes__field">
<svg class="likes__icon">
<use href="img/icons.svg#icon-heart"></use>
</svg>
</div>
پیغام های خطا:
Unsafe attempt to load URL file:///C:/Users/Milad/Desktop/myProject-Desktop/starter/dist/img/icons.svg#icon-magnifying-glass from frame with URL file:///C:/Users/Milad/Desktop/myProject/starter/dist/index.html. 'file:' URLs are treated as unique security origins.
Unsafe attempt to load URL file:///C:/Users/Milad/Desktop/myProject-Desktop/starter/dist/img/icons.svg#icon-heart from frame with URL file:///C:/Users/Milad/Desktop/myProject/starter/dist/index.html. 'file:' URLs are treated as unique security origins.
اگر نیازه بفرمایید تا فایل svg رو هم قرار بدم. البته فکر نمی کنم ایرادی ازون باشه، چون توی فایرفاکس همه چیزش درسته و عکس ها به درستی به نمایش در میان.
این مشکل محسوب نمیشه و به این دلیل بالا اومده که شما فایل html رو به شکل file:// فراخونی کردین .
برای برطرف کردنش باید روی مثلا localhost بالا بیارید
از php یا xampp و دایرکتوری htdocs اون برای بالا اوردن روی یک پورت میتونید استفاده کنید
@hesammousavi
پس مشکل ناشی از اینه که فراخوانی با file:// بوده. مرسی خیلی ممنونم، تازه فهمیدم.
بله من ابتدا که کدهارو می نوشتم با localhost بررسی می کردمشون و توی کروم هم بدون خطا بودن. در نهایت که تمرین به پایان رسیدش، اومدم خروجی نهایی گرفتم و فایل های جاوااسکریپت رو یکی کردم.
بعدش خواستم ارزیابی نهایی کنم خروجی خودم رو، اونوقت توی کروم عکس هام با مشکل مواجه شدند.
ممنونم ازتون
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟