Почему yii2 не видит ссылки?

Question

[Светлана Галенко]

Здравствуйте, поставила шаблон на yii2, но при проверке сайта через браузер, он просто не видит мои изображения и поэтому сайт не открывается. В консоле браузер выдаёт такие ошибки:

Прописываю вот такие ссылки к изображениям:

<img src='<?=Url::toRoute( [ "/../images/logo.png" ] )?>'

Comments

[tiqq]

варианты "images/logo.png" и "/images/logo.png" пробовали?

[Светлана Галенко]

tiqq, Да пробовала, та же самая проблема

[tiqq]

Светлана Галенко, как выглядит полный путь к папке с изображениями?

[Светлана Галенко]

tiqq,

[tiqq]

Светлана Галенко, попробуйте такой формат <img src="images/logo.png" /> или <img src="/images/logo.png" />

[Дмитрий]

tiqq, зачем гадать, если можно воспользоваться yii\helpers\Html и псевдонимом @web и обойтись без всяких слешей?

[tiqq]

slo_nik, на мой взгляд в данной ситуации вообще не стоит усложнять себе жизнь применением подобных компонентов, такую тривиальную задачу решить можно максимально простым способом, в конце концов использование yii2 не обязывает использовать хелперы в каждой ситуации, где-то конечно сильно упрощают жизнь, на а где-то как например в данном случае излишне нагромождают код и делают его менее читабельным, поэтому прописать обычный <img> кажется более привлекательным решением, хотя возможно я чего-то не знаю и сильно ошибаюсь)

[Дмитрий]

поэтому прописать обычный кажется более привлекательным решением

tiqq, и сидеть перебирать варианты, которые возможно подключат изображения)))

[tiqq]

slo_nik, да ладно Вам, "перебирать", два варианта всего-то, тоже мне перебор))

[Дмитрий]

tiqq, и какой из них сработал?)))

[tiqq]

slo_nik, откуда же мне знать, не моя задача)) просто обычно два варианта бывает - либо нужен слеш вначале, либо нет, так что не самый затратный полный перебор в истории))

[Дмитрий]

tiqq, для начала да, не самый затратный способ. А теперь представьте, что будет, если перенести проект в поддиректорию? Замучаетесь пути менять во всём проекте. Используя helper и псевдоним об этом можно не думать.

[tiqq]

slo_nik, я не то что бы уперся, в Ваших доводах, безусловно, смысл есть, но опять же, это крайне редкий случай когда возникает необходимость менять корневую директорию, но даже если подобная вероятность есть, то всегда можно указывать абсолютные пути к изображениям. В любом случае, думаю, оба варианта имеют право на существование, зависит от конкретного проекта и от предпочтений программиста, кому что ближе)

Answer 1

[Максим Тимофеев]

Не надо путь к статике возлагать на yii, зачем? Просто прописывайте путь к файлу, а сервер настройте, что бы он ввел к точке входа только те запросы, для которых нет статики, собственно стандартно так и должно быть:
https://github.com/yiisoft/yii2-app-advanced/blob/...
Соответственно картинка будет иметь вид
<img src="/images/logo.png" />
При этом сама картинка лежит в корне сайта в папке images. Корень сайта это обычно папка web, там где у Вас точка входа (index.php)
Метод toRoute который Вы юзаете строит url на основании маршрута, где Вы указываете модуль, контролер, экшен и параметры.

Answer 2

[Дмитрий]

Добрый вечер.
Размещайте файлы в web директории, создайте в ней директорию по названию темы и в созданной директории images.
Получится такой путь к изображениям
app\web\themes\name_theme\images
Выводить можно будет так:

<?= Html::img('@web/themes/name_theme/images/page4_img1.jpg') ?>

Возможно в Вашем варианте тоже получится использовать псевдоним @web

p.s.
Есть ещё пару вариантов с использованием AssetBundl для темы.
Например есть тема "Portfolio".
Файлы изображений располагаете по пути app\themes\portfolio\assets\img
В директории app\assets создаёте файл PortfolioAsset

class PortfolioAsset extends AssetBundle
{
	//public $basePath = '@app/themes/portfolio/assets';
	//public $baseUrl = '@app/themes/portfolio';
	public $sourcePath = '@app/themes/portfolio/assets';
	public $css = [
            'css/bootstrap.min.css',
            'css/stylish-portfolio.css',
            'font-awesome/css/font-awesome.min.css',
            'http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic'
	];
	public $js = [
           'js/jquery.js',
           'js/bootstrap.min.js',
           'js/local.js'
	];
	public $depends = [
	];
}

Подключаете этот файл в layout темы и создаёте вспомогательную переменную
$image = PortfolioAsset::register($this);
Теперь получить изображение можно так

echo Html::img($image->baseUrl.'/img/portfolio-1.jpg');

Или, в layout темы создаёте такую переменную
$theme = $this->theme;
Расскоментируете в PortfolioAsset строку public $baseUrl = '@app/themes/portfolio'; и получаете изображение уже таким способом

echo Html::img($theme->getUrl('assets/img/portfolio-4.jpg'));

В итоге все файлы темы находятся в одном месте app\themes\name_theme\assets и не надо раскидывать их по всему проекту.

Comments

[Светлана Галенко]

Спасибо большое, вы очень помогли.. С изображениями я справилась, но сайт так и не открывается, теперь у меня стоит задача убрать следующие ошибки, может вы знаете в чём причина данной проблемы:

[Дмитрий]

Светлана Галенко, не подгрузились js скрипты.