使用 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 中得到修复，请告诉我们测试结果。