He heredado una aplicación MVC (Visual Studio 2013) que usa Angular que no funciona cuando veo la aplicación en Microsoft Edge.

Cuando el navegador está configurado para usar Microsoft Edge al depurar en VS, veo una serie de errores de notificación cuando se carga la página de inicio. También he encontrado lo siguiente:

1. Cualquier punto de interrupción establecido en cualquiera de los archivos "controller.js" da como resultado "No se cargaron símbolos para este documento". Cuando el navegador está configurado en IE, se alcanzan los puntos de interrupción.

2. Al ver la consola de las herramientas de desarrollo en Microsoft Edge, veo errores como "El acceso a XMLHttpRequest en 'http://localhost:57113/api/todo' desde el origen 'http://localhost:55798' ha sido bloqueado por CORS política: No hay encabezado 'Access-Control-Allow-Origin' en el recurso solicitado". Esto no ocurre en IE.

3. En web.config, como configuración para el valor "LoginServiceName" http://localhost:55798/token y el valor "RemoteServiceName" http://localhost:55798/api. Busqué "55798" y lo reemplacé con el puerto 57113 en toda la aplicación, pero sigo recibiendo el error en el punto 2

4. El sitio que se implementó en el servidor de prueba muestra los mismos errores, pero el sitio implementado en el servidor de producción desde VS no tiene problemas.

He leído algunas publicaciones sobre CORS, pero no estoy seguro de por qué el sitio funciona en el entorno de producción, pero no lo prueba y no cuando se ejecuta a través de VS con Microsoft Edge. Tampoco entiendo por qué se usa el puerto 57113 cuando se configuró 55798 en el archivo web.config y por qué cuando 55798 se actualizó a 57113 todavía está buscando 55798.

Cuando busco "XMLHttpRequest" en la solución, veo que hay una referencia en jquery-2.0.3.js/min.js. ¿Se necesitaría usar el archivo jquery más reciente?

Traté de agregar

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

a mi archivo applicationhost.config para IISExpress, pero esto no resolvió el problema.

Cuando paso por el código usando las herramientas de desarrollo de Microsoft Edge, llega a la tercera línea de jquery-2.0.3.min.js, se completa, se muestran errores de tostado, el código luego ingresa en el archivo angular.js. Cuando miro en Red > XHR en las herramientas de desarrollo, veo que la URL de solicitud es http://localhost:57113/api/todo y en los encabezados de solicitud:

 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

¿Algunas ideas?