如何从浏览器控制台获取localhost资源,而不获取内容安全策略冲突错误?

我有一个最简单的本地http服务器,它连接到本地主机上,为单个文件提供服务。我可以很好地从浏览器导航到资源,但我需要能够使用 fetch 浏览器控制台的web api,而这根本不起作用 除非控制台来自完全相同的来源 .

请注意:

资源是实时的:

C:\> (Invoke-WebRequest http://localhost:49152/C:/temp/events/62.0.0.32712-0515-834-4.build.Main_events.json).StatusCode
200
C:\>

当控制台来自同一来源时:

我明白我可以忽略第一个错误——提到 http://127.0.0.1:9001 .所以我的问题是第二个错误:

Refused to connect to 'http://localhost:49152/C:/temp/events/62.0.0.32712-0515-834-4.build.Main_events.json' because it violates the document's Content Security Policy.

到目前为止,我还没有弄明白如何修复它。这似乎是经典的CORS问题,但在运行时 取来 浏览器不会发出任何飞行前选项请求。我知道这一点,因为我在运行Fiddler。它显示了 GET 来自同一来源的请求,但绝对没有来自另一来源的请求。

原著 取来 我试图实现的代码是:

    const request = fetch(url)
                        .then(response => response.blob())
                        .then(blob => {
                          globals.dispatch(Actions.openTraceFromFile({
                            file: new File([blob], fileName),
                          }));
                        })
                        .catch(e => alert(`Could not load local trace ${e}`));

它来自 https://www.ui.perfetto.dev/ 我试图以非交互方式加载我的跟踪文件。

(这个问题与 How to open a chrome trace file with ui.perfetto.dev non interactively? 和 How can I open chrome browser with disabled document's content security policy? )

我试着用浏览器运行chrome --disable-web-security 标志,它应该禁用CORS验证(据我对该标志的理解)。没用。

我能做些什么来让它工作吗?

web服务器源代码:

function NavigateToFile(
    [Parameter(Mandatory)][ValidateScript({ Test-Path $_ -PathType Leaf })]$FilePath,
    [scriptblock]$Action
)
{
    $port = Get-OpenTcpPort
    $http = [Net.HttpListener]::new()
    $http.Prefixes.Add("http://localhost:$Port/")
    $http.Start()

    $FilePath = (Get-Item $FilePath).FullName.Replace('\', '/')
    $ExpectedUrl = "$($http.Prefixes)$FilePath"
    $ExpectedUrl | ForEach-Object $Action

    try
    {
        $run = $true
        while ($http.IsListening -and $run)
        {
            $context = $http.GetContext()
            Write-Host "$($context.Request.HttpMethod) $($context.Request.Url)"
            if ($context.Request.HttpMethod -eq 'GET')
            {
                if ($context.Request.Url -eq $ExpectedUrl)
                {
                    $buffer = [IO.File]::ReadAllBytes($FilePath)
                }
                else
                {
                    $buffer = [Text.Encoding]::UTF8.GetBytes("Terminated")
                    $run = $false
                }
                $context.Response.ContentLength64 = $buffer.Length
                $context.Response.OutputStream.Write($buffer, 0, $buffer.Length)
                $context.Response.OutputStream.Close()
            }
        } 
    }
    finally
    {
        $http.Close();
    }
}