SASS 相对 url 配置错误

Question

我正在研究 React 项目，但在从具有相对路径的scss文件中指向图像资产时遇到问题。 通常，相对路径在本地工作，但在部署到 github 页面后，到图像资产的路由缺少github repo name部分。 我不知道是 webpack 配置问题还是我写错了相对路径。

这是我的文件夹结构

├───config
│   └───jest
├───public
│   └───assets
│       ├───css
│       ├───fonts
│       ├───images
│       │   ├───background
│       │   ├───icons
│       │   ├───illustration
│       │   ├───logo
│       │   └───projects
│       │       ├───one
│       │       └───two
│       ├───js
│       └───scss
│           ├───blog
│           ├───common
│           ├───default
│           ├───elements
│           ├───header
│           └───template
├───scripts
└───src
    ├───component
    │   ├───common
    │   ├───footer
    │   ├───header
    │   └───slider
    ├───elements
    │   ├───blog
    │   ├───common
    │   ├───portfolio
    │   ├───projects
    │   └───tab
    └───home

在 scss 文件中定义的示例 url 路径：

.big-center-circle {
    background: url("/assets/images/background/circle-1.svg") no-repeat center top,
}

部署中的结果路由

https://username.github.io/assets/images/background/circle-1.svg

部署中的所需路线

https://username.github.io/repository-name/assets/images/background/circle-1.svg

我使用react-router-dom进行路由，并且相对路径在jsx文件中正常工作。 我只有 SCSS 样式表中的 url 有问题。

Answer 1

解决了。 我发现 url 到资产应该定义来自放置在src文件夹中的主scss文件的相对路径。