AngularJS SPA中Google Chrome控制台中的奇數請求失敗

Question

我有一個AngularJS單頁應用程序，可以從C＃Web API服務發送和檢索數據。 這兩個應用程序都托管在Amazon Elastic Beanstalk上。 我會定期在Google Chrome開發者控制台中收到失敗的請求。 該請求是http://singlepageapp.elasticbeanstalk.com/null 。 這讓我很煩，因為我無法弄清它的起源。 我的應用程序中的所有Ajax請求都來自同一位置，並且始終具有基本URI（ http://mywebapi.elasticbeanstalk.com/ ）和'api /'並附加了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將類型列為“媒體”，將啟動程序列為“其他”。 任何想法將不勝感激。 在此先感謝。

編輯：我只是再次收到錯誤，並指出該請求不是對我的Web api，而是對彈性beantalk單頁應用程序。 我的邏輯對這個URI不做任何（直接）請求，所有這些請求都是由瀏覽器響應用戶單擊鏈接而啟動的。 在這種情況下，成功保存后，在一個“頁面”上的“保存”按鈕將運行以下命令：

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

這是觸發錯誤請求的原因。 通過單擊菜單中的鏈接直接轉到此URI時，不會發生這種情況。

Answer 1

好的，找到了問題。 該頁面允許用戶使用其網絡攝像頭拍照。 當他們單擊“保存”按鈕時，將帶他們到另一個頁面。 但是，在此發生之前，邏輯將執行以下操作：

video.src = null;

其中“視頻”是頁面中的以下元素：

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

將src設置為null會啟動瀏覽器請求。 刪除此問題已解決。