在AngularJS SPA中Google Chrome控制台的奇怪请求失败

Odd failed request in Google Chrome console in AngularJS SPA

本文关键字：请求 失败 控制台 Chrome AngularJS SPA Google      更新时间：2023-09-26

我有一个AngularJS单页应用程序，它从c# Web API服务中发送和检索数据。这两个应用程序都托管在Amazon Elastic Beanstalk上。我经常在Google Chrome开发者控制台收到一个失败的请求。请求是http://singlepageapp.elasticbeanstalk.com/null。这让我很困扰，因为我不知道它是从哪里来的。我的应用程序中的所有Ajax请求都来自同一个地方，并且始终具有带有'api/'的基本URI (http://mywebapi.elasticbeanstalk.com/)和附加的Web api控制器的名称。开发控制台显示以下内容:

Request URL:http://singlepageapp.elasticbeanstalk.com/null
Request Method:GET
Status Code:404 Not Found

导致错误的原始请求如下:

GET /null HTTP/1.1
Host: singlepageapp.elasticbeanstalk.com
Connection: keep-alive
Accept-Encoding: identity;q=1, *;q=0
User-Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.85 Safari/537.36
Accept: */*
Referer: http://singlepageapp.elasticbeanstalk.com/
Accept-Language: en
Range: bytes=0-1244

Chrome将类型列为'media'，启动器列为'other'。任何意见都将不胜感激。提前感谢。

编辑:我刚刚又得到了错误，并注意到请求不是我的web api，而是弹性豆茎单页应用程序。我的逻辑不向这个URI发出(直接)请求，所有这些请求都是由浏览器响应用户单击链接发起的。在这种情况下，成功保存后，一个"页面"上的"保存"按钮运行以下命令:

$location.path('/next-page');

触发了错误的请求。但是，当通过单击菜单中的链接直接进入这个URI时，就不会发生这种情况。

找到问题了。该页面允许用户使用网络摄像头拍照。当他们点击"保存"按钮时，他们被带到另一个页面。但是，在此发生之前，逻辑执行以下操作:

video.src = null;

其中'video'是页面中的下一个元素:

<video class="cssimageclass" autoplay></video>

设置src为null启动浏览器请求。

相关文章：