时间戳

首页 > 解决方案 > 背景图像的 SCSS SASS 路径问题

html - 背景图像的 SCSS SASS 路径问题

问题描述

GET file:///C:/public/imgs/avada-movers-homeherobackground-final.jpg net::ERR_FILE_NOT_FOUND

大家好，我正在努力解决这个我无法解决的问题。我有我的 scss 文件（具体来说main.scss，我有不同的英雄 imgs 作为背景。例如：

background-image: url('/public/imgs/avada-movers-movewithease-background-new.jpg');

我已经试过了

background-image: url(../..public/imgs/avada-movers-movewithease-background-new.jpg);

但一切都没有改变。

这是文件夹结构

文件夹结构

奇怪的是，当我使用 Live Server 运行它时它可以完美运行（对于 Visual Studio Code）

标签： htmlcsssass

解决方案

奇怪的是，当我使用 Live Server 运行它时它可以完美运行（对于 Visual Studio Code）

这并不奇怪。

/意思是“从站点的根目录开始”。

如果您打开 HTML 文档，http://localhost/something/则根目录将 ehttp://localhost/

如果您打开 HTML 文档，C:\users\myuser\documents\mywebsite\something那么根目录将是C:\.

将您的网站设计为在 Web 服务器上运行。

开发时在 Web 服务器上进行测试。您已经观察到实时服务器工作正常。

将其投入生产时将其部署到 Web 服务器。

除了一些非常不寻常的边缘情况外，您不必担心人们只是从本地硬盘驱动器打开 HTML 文档时会发生什么。

推荐阅读