Angular 15 - 从assets文件夹中获取背景图片的SCSS返回404
创始人
2024-10-15 10:31:40
0次

要从assets文件夹中获取背景图片并在SCSS中使用它，您可以按照以下步骤进行操作：

  1. 确保您的图片文件放在assets文件夹的正确路径下。

  2. 在您的SCSS文件中，使用相对路径来引用图片。例如，如果您的图片位于assets/images文件夹中，您可以使用以下代码引用它：

background-image: url('../images/your-image.jpg');
  1. 确保您的angular.json文件中的assets配置正确。在angular.json文件的assets数组中添加以下代码：
{
  "glob": "**/*",
  "input": "src/assets",
  "output": "/assets/"
}

这将确保在构建应用程序时，assets文件夹中的所有文件都会被复制到构建输出中的assets文件夹中。

  1. 如果您仍然遇到404错误，可能是因为缺少文件扩展名。请确保图片文件的扩展名（例如.jpg、.png等）正确，并在SCSS文件中进行正确引用。

请注意，Angular的版本已经更新到了12，不存在Angular 15版本。因此，以上解决方法适用于Angular 12及更早版本。

上一篇：Angular 14：较旧的IOS兼容性

下一篇：Angular 15 Ckeditor禁用

相关内容

热门资讯

wepoker软件辅助程序!w... wepoker软件辅助程序!wpk软件是真的吗(透视)攻略-切实详细是真的挂暗藏猫腻，小编详细说明w...
wepoker有插件吗!wep... wepoker有插件吗!wepoker私人局开挂视频(透视)技巧-原来揭幕存在有挂1、实时wepok...
hhpoker辅助靠谱吗!we... hhpoker辅助靠谱吗!wepoker轻量版有透视吗(透视)脚本-竟然有挂真的是有挂1）wepok...
pokemmo脚本手机版!约局... pokemmo脚本手机版!约局吧开挂(透视)器-真是曝光是真的挂pokemmo脚本手机版破解侠是真的...
wpk德州局怎么透视!wepo... wpk德州局怎么透视!wepoker透视有没有(透视)技巧-果然普及是真的挂暗藏猫腻，小编详细说明w...
wepoker怎么看底牌!hh... wepoker怎么看底牌!hhpoker脚本(透视)app-切实总结是真的挂1、下载好wepoker...
竞技联盟破解版最新版!约局吧德... 竞技联盟破解版最新版!约局吧德州可以透视吗(透视)教程-都是详细真的是有挂1、下载好约局吧德州可以透...
wpk辅助插件!hhpoker... wpk辅助插件!hhpoker破解工具(透视)软件-一贯解谜真的是有挂1、hhpoker破解工具透视...
德州机器人代打脚本!德州局透视... 德州机器人代打脚本!德州局透视脚本(透视)技巧-都是分享是有挂1、不需要AI权限，帮助你快速的进行德...
佛手在线是不是有挂!拱趴大菠萝... 佛手在线是不是有挂!拱趴大菠萝怎么开挂(透视)攻略-原来必备存在有挂1、完成佛手在线是不是有挂有辅助...