为什么img标签图片在开发环境能展示，而在正式环境却无法显示？

img标签图片开发环境展示，正式环境不展示的原因

您遇到img标签图片在开发环境展示，而正式环境不展示的问题，以下可能是导致该问题的潜在原因：

1. 图片跨域

如果图片托管在与应用不同域名的服务器上，则可能会出现跨域问题。通常可以通过配置CORS（跨域资源共享）标头来解决此问题。

2. 图片404 错误

部署到正式环境时，图片的相对路径可能与开发环境不同。这会导致404错误，即找不到图片。请确保图片路径在正式环境中仍然有效。例如，它可能已部署在二级目录中，导致无法正确找到图片。

3. 服务器白名单问题

某些服务器可能会实施白名单，限制可以访问资源的来源。确保正式环境服务器允许从您的应用发送请求。

如何排查问题

要排查此问题，请打开控制台并查看以下信息：

• console 面板：查找任何与加载图片相关的错误消息。
• network 面板：检查请求图片的网络请求。确认是否收到响应，以及响应代码是否为200 (成功)。

解决此问题后，img标签图片应该可以在开发环境和正式环境中正常展示。

以上就是为什么img标签图片在开发环境能展示，而在正式环境却无法显示？的详细内容，更多请关注其它相关文章！