Yii2 довольно URL ссылка CSS не правильно

Question

Я следую этому видео-уроку, чтобы включить симпатичный URL.

https://www.youtube.com/watch?v=suIx8nyDBKk

Все работает нормально, пока я не использую пользовательский CSS.

Если яна домашней странице css ссылка abc.com/css/main.css.Но когда я перехожу на другую страницу, например: post / index, ссылка меняется на abc.com/post/css/main.css.Так что там нет css, страница сломана.

Пожалуйста, помогите мне, как решить эту проблему.

Спасибо.

Answer 1

Вы должны использовать AppAsset для определения ваших файлов CSS и JS.Также это связано с тем, что вы не используете "/" перед URL-адресом css, потому что вы не получаете корневой каталог.Если вы определяете CSS в файле макета и не устанавливаете его как «/css/main.css», то каждый раз, когда он выходит из корневого каталога, он нарушает стиль.Вот пример:

/**
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/main.css',
    ];
    public $js = [
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}