如何解决部署后,Webp 图像在本地显示但不在远程显示
我有这个 html 代码,当我在本地打开我的 html 文件时,我可以看到 webp 图像。
<picture>
<source srcset="images/steve.webp" type="image/webp">
<source srcset="images/steve.png" type="image/png">
<img src="images/steve.png" alt="Steve" width="200" height="180">
</picture>
当我直接访问图像时,出现错误。 http://resume.findingsteve.net/images/steve.webp
但图像在那里:
http://resume.findingsteve.net/images/steve.png 没问题。我可以看到它的图像。
使用相对路径,还是一样的问题
解决方法
在您的服务器网络配置中为 png 文件扩展名添加 MIME 类型
<system.webServer>
<staticContent>
<mimeMap fileExtension=".png" mimeType="image/png" />
</staticContent>
...
</system.webServer>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。