Question

要在github页面上部署项目，请使用以下命令：

Select * 
from A inner join B
on (A.City = isnull(B.City, A.City))
and (A.State = isnull(B.State, A.State))
and (A.Zip = isnull(B.Zip, A.Zip))
and (A.Territory = isnull(B.Territory, A.Territory))

我的问题是gh-pages在调用资产文件夹时遇到了一些严重的问题。它总是跳过'/ deploy /'部分。我在堆栈和github上发现了许多其他具有相同问题的问题，但似乎都无法解决。我的问题的不同之处在于，在将'/ deploy /'硬编码为资产网址之后，它仍然会丢失一些图像并加载其他图像。

根据我阅读的内容应该如何：

根据我所读的内容，需要使用相对路径来完成从css调用Assets文件夹的操作，因此应该像这样：

ng run ticket-shop:deploy --base-href /deploy/

但是它不起作用，gh个页面正在此地址下寻找资产：

background-image: url("../assets/foobar.jpg");

代替

https://me.github.io/assets/foobar.jpg

我的解决方法

由于我对此问题失去了耐心，因为我找不到对此问题的任何答案，因此我已经硬编码了'/ deploy /'部分，它确实是“不干净的”，但至少可以正常工作。有趣的是，这是我与其他问题的不同之处-它适用于某些图像，不适用于某些图像。

我在CSS中拥有每个这样的网址：

https://me.github.io/deploy/assets/foobar.jpg

它会加载除一张图片以外的所有图片，我不知道为什么，对于一个特定的图片，它仍然在下面显示：

background-image: url("/deploy/assets/foobar.jpg");

Answer 1

我通过使用“〜”字符解决了这个问题：

<div></div>

Angular和gh页面无法从Assets文件夹加载特定图像

1 个答案: