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

srk*_*srk 2 github-pages angular

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

在此输入图像描述

在此输入图像描述

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

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

 <base href="my-project">
Run Code Online (Sandbox Code Playgroud)

部署到github页面后,它无法找到图像.

GET https://srk.github.io/assets/srk-favicon.ico 404 (Not Found)
Run Code Online (Sandbox Code Playgroud)

我想URL应该是 https://srk.github.io/my-project/assets/srk-favicon.ico

Pan*_*kar 5

你必须href在下面进行基础更改.

<base href="/my-project">
Run Code Online (Sandbox Code Playgroud)

然后将imgsrc 更改为以下

<img src="assets/srk-favicon.ico">
Run Code Online (Sandbox Code Playgroud)