Angular2：无法加载资源文件夹图像

Question

我已经从角度CLI创建了一个项目，在assets文件夹下放置了一个图像。 它在localhost环境中工作正常，但是当部署到github页面时，它会抛出404。

build --prod --base-href "my-project"之后

在dist目录的index.html中更改了基本href。

 <base href="my-project">

部署到github页面后，找不到图像。

GET https://srk.github.io/assets/srk-favicon.ico 404 (Not Found)

我猜网址应为https://srk.github.io/my-project/assets/srk-favicon.ico

Answer 1

您必须将基础href更改为以下内容。

<base href="/my-project">

然后将img src更改为

<img src="assets/srk-favicon.ico">

Answer 2

试试这个：

src="./assets/srk-favicon.ico"

而不是：

src="../assets/srk-favicon.ico"