Laravel + Vue.js 3 – как получить правильные пути к статическим файлам с изображениями?

Сергей delphinpro, Благодарю, за развернутый ответ!
Да, я это уже понял. Файл с изображением физически находится в директории public - фреймворка Laravel, а VUE компоненты в resources/js/components - другая структура файлов и папок.
Сделал по другому - прописал путь к файлу в свойстве компонента, и вывел как

<img :src="logo" alt="logo" width="30" height="24" class="d-inline-block align-text-top">

Костыль конечно, но работает.

Laravel + Vue.js 3 – как получить правильные пути к статическим файлам с изображениями?

Сергей delphinpro, Sorry. .. Что то туплю.
А как же импортировать вложенные компоненты, в которых есть ссылки на статические файлы изображений? Не ужели это не работает?

Laravel + Vue.js 3 – как получить правильные пути к статическим файлам с изображениями?

Сергей delphinpro, Я имею в виду - сам файл logo.svg находится в public/images.
В комgоненте Header.vue - содержится HTML с указанием пути к данному файлу:

<img src="./images/logo.svg" alt="logo" width="30" height="24" class="d-inline-block align-text-top">

Laravel + Vue.js 3 – как получить правильные пути к статическим файлам с изображениями?

Sorry.... не совсем понимаю: а как без импорта?

Файл с изображением находится в компоненте Header.vue,
этот компонент импортируется и подключается в корневой App.vue

Laravel + Vue.js 3 – как получить правильные пути к статическим файлам с изображениями?

Благодарю. К сожалению не работает.
Пробовал так, указывал путь без точки. Получаю ошибку.

Bitrix + Аспро: Next – как скрыть стоимость товаров цена которых ровна нулю?

Благодарю. Страницу по данной ссылке ранее видел. Но в настройка шаблонах Аспро.Next - пункт «Отображение цены» отсутствует.
Тут на примере настройки шаблона Аспро.Максимум, в шаблоне Аспро.Next все немного по другому.

Bitrix и Cloudflare – ошибки работы с сокетами. Как решить?

Roman,
Благодарю! Проблема решена!
При отключении данного правила все работает корректно!

Изначально - в целях защиты от бото-трафика данное правило запрещало, точнее вешало капчу при обращении к сайту по протоколу HTTP/1.1.
Но теперь разберусь, пересмотрю правила ...

Bitrix и Cloudflare – ошибки работы с сокетами. Как решить?

Roman, В первом случае, вроде не чего подозрительного не вижу:


Во втором, Security Level - установлен: Medium. Пробовал установит Low - проблема не решена.

Bitrix и Cloudflare – ошибки работы с сокетами. Как решить?

403 - статус ответа сервера. Журнал проверки системы, касательно данной ошибки:

Работа с сокетами (check_socket): Fail

2024-Oct-23 12:50:33 Работа с сокетами (check_socket): Fail
Connection to ssl://my-site.ru:443 Success
== Request ==
GET /bitrix/admin/site_checker.php?test_type=socket_test&unique_id=c140968Rev3c089bc6568ea5a6beee65 HTTP/1.1
Host: my-site.ru

== Response ==
HTTP/1.1 403 Forbidden
Date: Wed, 23 Oct 2024 09:50:33 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: close
Accept-CH: Sec-CH-UA-Bitness, Sec-CH-UA-Arch, Sec-CH-UA-Full-Version, Sec-CH-UA-Mobile, Sec-CH-UA-Model, Sec-CH-UA-Platform-Version, Sec-CH-UA-Full-Version-List, Sec-CH-UA-Platform, Sec-CH-UA, UA-Bitness, UA-Arch, UA-Full-Version, UA-Mobile, UA-Model, UA-Platform-Version, UA-Platform, UA
Critical-CH: Sec-CH-UA-Bitness, Sec-CH-UA-Arch, Sec-CH-UA-Full-Version, Sec-CH-UA-Mobile, Sec-CH-UA-Model, Sec-CH-UA-Platform-Version, Sec-CH-UA-Full-Version-List, Sec-CH-UA-Platform, Sec-CH-UA, UA-Bitness, UA-Arch, UA-Full-Version, UA-Mobile, UA-Model, UA-Platform-Version, UA-Platform, UA
Cross-Origin-Embedder-Policy: require-corp
Cross-Origin-Opener-Policy: same-origin
Cross-Origin-Resource-Policy: same-origin
Origin-Agent-Cluster: ?1
Permissions-Policy: accelerometer=(),autoplay=(),browsing-topics=(),camera=(),clipboard-read=(),clipboard-write=(),geolocation=(),gyroscope=(),hid=(),interest-cohort=(),magnetometer=(),microphone=(),payment=(),publickey-credentials-get=(),screen-wake-lock=(),serial=(),sync-xhr=(),usb=()
Referrer-Policy: same-origin
X-Content-Options: nosniff
X-Frame-Options: SAMEORIGIN
cf-mitigated: challenge
cf-chl-out: AqAHcoiOFuMhFsndJPTR73qjmr42q5db/XSsKJTCQWD0ZagCHh3dpXacdoAv565PxtiBUwvlYAwItqeUY/PyU28eZW0XCbXHPbqPvBfLe72fnF9HgAZ3oPBL2VIMFuxkdKty5hdptLeBSdx2RO7Zww==$e3K9S4TLEoZYnCZVAxJ7hA==
Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Expires: Thu, 01 Jan 1970 00:00:01 GMT
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=dfg4hxrrU77LCZsICYxEPRilCK%2BVSYQRCnNxrnkV6zuqTYd9Qai6ZIPLJW5R%2F7IjTqBGbd868vLJ41x%2BM7U%2B9XENN89ixOdokjhyaViK4jFiRe1cce56SdCva0K%2BGQOw"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Strict-Transport-Security: max-age=0; includeSubDomains; preload
X-Content-Type-Options: nosniff
Server: cloudflare
CF-RAY: 8d70d2d29c3292e0-CPH
alt-svc: h3=":443"; ma=86400
server-timing: cfL4;desc="?proto=TCP&rtt=45349&sent=5&recv=6&lost=0&retrans=0&sent_bytes=2830&recv_bytes=752&delivery_rate=63895&cwnd=251&unsent_bytes=0&cid=b8ba0b1ab6570026&ts=148&x=0"

Ошибка! Не работает

Bitrix и Cloudflare – ошибки работы с сокетами. Как решить?

Roman, Полагаю да, сокеты в Cloudflare включены.

Bitrix и Cloudflare – ошибки работы с сокетами. Как решить?

Roman,
Благодарю, не знал об этой опции...
А где она включается? Посмотрю сейчас.

Как в Bitrix настроить сортировку товаров каталога?

Благодарю. Но не много не то.

HIDE_NOT_AVAILABLE и HIDE_NOT_AVAILABLE_OFFERS - Задает условия показа недоступных товаров, то есть товаров, для которых количество меньше либо равно нулю, включен количественный.
Товары с ценой = 0 - не являются недоступными.

Как задать высоту строк в CSS Grid Layout в зависимости от наличия контента?

Благодарю!

Ошибка TypeError: 'NavigableString' object does not support item assignment - при парсинге контента. Как исправить?

К сожалению не работает.

item['description'] = f"{description}"

По прежнему вызывает ошибку,

Как сделать GEO ссылку на сайте для навигатора, что бы по нажатию на мобильном устройстве открывался навигатор?

Благодарю!
Осталось разобраться как на стороне клиента средствами JS определять тип используемой оперционной системы и показывать вариант ссылки.

Как реализовать фильтры по характеристикам товаров в каталоге интернет-магазина на Laravel?

Сергей delphinpro,

как вариант:
....

Благодарю. Как способ хранения данных примерно так и представлял. Ну или в связывающей таблице options_products создать поле для хранения значения характеристики...
Пока наименее понятен вопрос, как создать фильтры по данным значениям.

Как реализовать фильтры по характеристикам товаров в каталоге интернет-магазина на Laravel?

Дмитрий,

Поставить эластик или сфинкс и искать по нему?

Эластик или сфинкс? Честно горя даже не представляю что это. Можно чуть подробнее?

Как подключить и использовать внешний JS скрипт Choices.js в Vue.js компонент?

0xD34F,

какой ещё selected, зачем?

Ну для сохранения значения ранее выбранного региона или региона заданного по умолчанию.
К примеру:
При старте оформления заказа, на шаге выбора региона, пользователь уже видит один из наиболее вероятных регионов, который задан по умолчанию.
Если заданный по умолчанию регион не устраивает - выбирает выбирает свой.

Как подключить и использовать внешний JS скрипт Choices.js в Vue.js компонент?

Отлично! Благодарю!
Осталось разобраться как добавлять атрибут 'selected' элементам, если value соответствует значению свойства компонента this.region.

Танцую с бубном, пытаюсь решить задачу.

Как подключить и использовать внешний JS скрипт Choices.js в Vue.js компонент?

Благодарю! Работает.
Только на

this.$on('hook:beforeDestroy', () => choices.destroy());

ругается, ошибка в консоле типа:

OrderRegion.vue:90 Uncaught (in promise) TypeError: this.$on is not a function