将网站图标添加到 AWS/S3 - Ember.js

Add a Favicon to AWS/S3 - Ember.js

我已经在我的 bucket root 中为 S3 上传了图标。我已经在项目的 html 文件中链接了图标:

<link rel="icon" href="images/favicon.ico"> 

其中 images 是一个 public 文件夹。

问题是当我在本地托管 Web 应用程序时它显示 Favicon,

但是当我检查页面的源代码时,它只在生产中显示 Favicon。或者当我在登录后重新加载页面时。 我不知道这是我应该报告的错误,还是我做错了什么。

任何建议都会有所帮助。谢谢

当您说路由桶时,您是指桶上的根目录吗?该图像应放置在存储桶根目录中,并确保该存储桶对该文件具有 public 访问权限(右键单击并在 aws 控制台中将其设置为 public)。所以尝试将图标放在 S3 存储桶的根目录中并使其成为 public。然后像这样引用它:

<link rel="icon" type="image/png" href="https://BUCKETNAME.s3.amazonaws.com/icon.png">

如果您在您的情况下使用 png 或仅使用 ico - 但它应该在根目录中并且 public。 希望对你有帮助