Ng-src 403没有图像，但路径正确

ng-src 403 no image but correct path

本文关键字：路径图像 Ng-src 更新时间：2023-09-26

浏览了一些相关的帖子:

为什么我得到一个404错误与ng-src即使图像出现?

AngularJS的ng-src路径到图像

了解AngularJS ng-src

根据模型数据有条件地修改img src

但没有一个有完全相同的症状

这行代码

<img ng-src="{{movie.Poster}}" alt="">

其中movie是JSON和movie.Poster是url的字符串，似乎是这个错误的根源:

GET http://ia.media-imdb.com/images/M/MV5BMTk3OTIzODUyOV5BMl5BanBnXkFtZTYwNjgxNjA5._V1_SX300.jpg 403 (Forbidden)

由于错误中图像url是好的和完整的，url字符串属性movie.Poster似乎已经及时传递给ng-src ok/。然而，许多看似相关的帖子强调JS的异步性可能是负责任的(在这种情况下，movie.Poster确实依赖于来自API的响应)。

但是如果url在错误中，为什么ng-src在请求图像和显示任何东西时都有问题?上面的帖子最接近我的问题是能够加载图像并给出控制台错误…

也许最奇怪的事情是，如果我导航到图像url(通过复制和粘贴该url)到浏览器的另一个选项卡，然后返回到我的应用程序，然后点击返回，图像加载没有错误!

我试了ng-if="movie.Poster"和…控制器中的$scope anotherVar = movie.Poster，然后ng-src="{{anotherVar}}"

您的错误是403。这表示服务器可以到达并理解的请求，但是拒绝采取任何进一步的操作。状态码403响应是web服务器被配置为的结果，由于某种原因，拒绝访问客户端请求的资源。

你的图片URL可能是正确的，但你没有权限访问它。

http://ia.media-imdb.com/images/M/MV5BMTk3OTIzODUyOV5BMl5BanBnXkFtZTYwNjgxNjA5._V1_SX300.jpg

似乎不是角度问题，而是API问题，

403尝试下载远程映像

从HTTP而不是https加载图像时出现403错误

对如何处理CORS OPTIONS飞行前请求感到困惑

所以，似乎标题需要根据这个答案中的第一个链接帖子进行修改…

但我检查了User-Agent是在对图像的请求中定义的，它是…甚至尝试硬编码ng-src中的一个url，结果得到相同的403…

和我的同事谁建立了相同的应用程序与相同的api没有问题!