使用 Microsoft Edge 在 Visual Studio 中運行 Web 應用程序的問題

Question

我使用 Angular 繼承了 MVC 應用程序 (Visual Studio 2013)，在 Microsoft Edge 中查看應用程序時該應用程序無法正常工作。

當瀏覽器設置為在 VS 中調試時使用 Microsoft Edge 時，我在主頁加載時看到許多 toast 錯誤。 我還發現了以下內容：

1. 在任何“controller.js”文件中設置的任何斷點都會導致“沒有為此文檔加載符號”。 當瀏覽器設置為 IE 時，會觸發斷點。

2. 在 Microsoft Edge 中查看開發人員工具的控制台時，我看到諸如“從源“http://localhost:55798”訪問“http://localhost:57113/api/todo”處的 XMLHttpRequest 已被 CORS 阻止策略：請求的資源上不存在“訪問控制允許來源”header。” 這在 IE 中不會發生。

3. 在 web.config 中，設置為“LoginServiceName”值 http://localhost:55798/token 和“RemoteServiceName”值 Z80791B3AE7002CB88C246876D9FAAapi:8F。 我在“55798”上搜索並在整個應用程序中將其替換為端口 57113，但仍然出現第 2 點的錯誤

4. 已部署到測試服務器的站點顯示相同的錯誤，但從 VS 部署到生產服務器的站點沒有問題。

我已經閱讀了一些關於 CORS 的帖子，但不確定為什么該站點在生產環境中工作，但沒有測試，也沒有在使用 Microsoft Edge 通過 VS 運行它時。 我也不明白為什么在 web.config 文件中設置 55798 時使用端口 57113，以及為什么當 55798 更新為 57113 時它仍在尋找 55798。

當我在解決方案中搜索“XMLHttpRequest”時，我看到 jquery-2.0.3.js/min.js 中有對它的引用。 是否需要使用最新的 jquery 文件？

我嘗試添加

            <add name="Access-Control-Allow-Origin" value="*" />
            <add name="Access-Control-Allow-Headers" value="Content-Type" />

到我的 IISExpress 的 applicationhost.config 文件，但這並沒有解決問題。

當我使用 Microsoft Edge 開發人員工具單步執行代碼時，它點擊 jquery-2.0.3.min.js 的第三行，完成，出現 toast 錯誤顯示，然后代碼進入 angular.js 文件。 當我在開發人員工具中查看 Network > XHR 時，我看到請求 URL 是 http://localhost:57113/api/todo 並在請求標頭中：

Accept: application/json, text/plain, */*
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.9
Connection: keep-alive
Content-Length: 0
Content-Type: application/x-www-form-urlencoded
Host: localhost:57113
Origin: http://localhost:55798
Referer: http://localhost:55798/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="90", "Microsoft Edge";v="90"
sec-ch-ua-mobile: ?0
Sec-Fetch-Dest: empty
Sec-Fetch-Mode: cors
Sec-Fetch-Site: same-site
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Safari/537.36 Edg/90.0.818.51

有任何想法嗎？

Answer 1

從您發布的請求標頭中，您似乎使用的是已過時的 Edge 版本 90。 我發現以前版本的 Edge 也有類似的問題。 它表明該問題已在較新版本的 Edge 中得到修復。 您能否將您的 Edge 瀏覽器更新到最新版本 96 並再次測試？ 如果問題在最新版本的 Edge 中得到修復，請告訴我們測試結果。