我正在尝试在angular.js应用程序中更改我的favicon。我遇到的问题是不了解图标的引用方式。我的代码是这样的。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>AngularAugma 1.0</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body id="top-of-page">
<app-root><div class="loading"></div></app-root>
</body>
当我尝试将favicon的链接更改为以下(以及其他几个目录变体)时,我得到了默认图标(空白页面img)。
<link rel="icon" type="image/png" href="app/img/icons8-shopping-basket-96.png">
这是我的困惑真正踢的地方。为了检查我是否误解了一些基本的东西,我把favicon放到一个目录中(只是为了测试href链接的范围)而不改变img仍然出现的原始href链接。这是怎么回事?如何正确引用另一张图片?