javascript - Ajax 调用 Web API 在 Chrome 中有效，但在 Edge 中无效

Question

我创建了一个 Edge 扩展，目前它对我也开发的 Web API 进行 Ajax 调用，以便请求数据。目前，经过几个小时的测试，我知道 Ajax 调用可以正常工作并返回相关数据。

我的问题是，当我尝试从 Edge 扩展调用 Ajax 调用时，Ajax 调用将会失败。它不提供任何推理或错误，只是简单地添加到 Ajax 调用中的错误消息(错误:...见下文)。在 Chrome 中测试了完全相同的扩展和对我的 Web API 的 Ajax 调用后，扩展中的 Ajax 调用可以正常工作并返回我可以使用的数据。

$(document).ready(function () {
    $select = $('#brandDropdownList');
    $.ajax({
        type: "GET",
        url: 'http://localhost:44358/api/brands',
        dataType: 'JSON',
        success:function(data) {
            $select.html('');
            $.each(data, function(key, val) {
                $select.append('<option id="' + val.brand_id + '">' + val.brand_name + '</option>');
            })
        },
        error: function(){
            $select.html('<option id="-2">Please try again...</option>');
        }
    });  

这是为什么呢？我没有任何错误或问题，它在 Chrome 中运行良好，但在 Edge 中则不然，不幸的是我必须使用 Edge 来完成我正在进行的项目。我在开发工具的控制台中看到的唯一错误是有一个警告:

“由于 ms-browser-extension 中的上下文不安全或主机限制，serviceWorker.getRegistrations 被拒绝”

Answer 1

这可能是因为出于安全原因，Microsoft Edge 默认具有网络隔离功能。您可以通过以管理员身份从 cmd 提示符运行以下命令来启用环回并调试本地主机服务器，然后重新启动 Microsoft Edge:

CheckNetIsolation LoopbackExempt -a -n=Microsoft.MicrosoftEdge_8wekyb3d8bbwe

引用:

(1) Failed to fetch error with MS Edge Extension

(2) Why does Microsoft Edge open some local websites...

(3) How to debug localhost on Microsoft Edge