Fetch-API请求失败（获取和发布）。我很迷失

Question

我为20年以上的钱编写了代码，但是我没有任何借口来解决这个问题。

哦，我谷歌搜索了。我知道这里有许多半相同的问题，我认为我已经阅读了所有答复，并尝试了所有建议的模式。许多问题的表达不是特别好，我的情况似乎有些自相矛盾（所有部分都孤立起作用）。请忍受我，我会尽力而为。

在前面使用苗条的套件，后面使用FastApi。

首先，下面是我的“ button.svelte”组件，完整复制了逐字化。

<script lang="javascript">

    async function worksJustFine() {
        fetch("https://jsonplaceholder.typicode.com/todos")
            .then(response => {
                console.log(" response", response)
                console.log(" r.json() >", response.clone().json())
                response.json()
                    .then(json => {
                        console.log("json", json)
                    })
                    .catch(error => console.log(error))
            })
    }


    async function doesNotWork() {
        fetch(`http://localhost:8000/api/test_url?test_param=1`)
            .then(response => {
                console.log(" response", response)
                console.log(" r.json() >", response.clone().json())
                response.json()
                    .then(json => {
                        console.log("json", json)
                    })
                    .catch(error => console.log(error))
            })
    }
</script>

<buttons>
    <button class="btn btn-outline-primary btn-lg" on:click={worksJustFine}>OK</button>
    <button class="btn btn-outline-primary btn-lg" on:click={doesNotWork}>NOT OK</button>
</buttons>

<style lang="scss">
</style>

其次，下面是路由/视图：

@router.get("/api/test_url")
async def test_url(test_param: str):
    try:
        print(f"test_param: {test_param}")
        return {"success": True, "message": "Message", "hooray": True}
    except Exception as e:
        print(repr(e))
        return {"success": False, "message": repr(e), "": True}

问题表现出来：

• “不确定”按钮启动了一个永不返回的请求，而网络面板仅显示标准的pebkac”（待处理）“（待处理）”请求，似乎永远是永远的。对于Chromium和Chrome来说，这是正确的，尽管上面的请求确实从Firefox（最新和DEV）工作。

  。

• Fastapi URL使用Chrome稳定，Chromium和Firefox的新标签中的curl，失眠和浏览器的直接请求完美地工作。

• 如果我使用POST请求（这是我的目标），那么它根本无法从任何浏览器中使用。永远，永远。但是，从卷发，邮递员等发射时，该帖子确实可以正常工作

• 有时我单击它然后走开。很少有未指定的时间（半小时，小时？）我返回 - 发现它确实确实是工作 - 请求通过，副作用很明显。我认为这总共发生了，在三天的挣扎中进行了两次。

• 这不是CORS。如果我禁用下面的代码，它将成为CORS问题，但是对于此代码，似乎很清楚。另外，如上所述，FF的工作正常，他大概也尊重CORS。

app = FastAPI()
app.add_middleware(CORSMiddleware,
                   allow_origins=["http://localhost:3000"],
                   allow_credentials=True,
                   allow_methods=["*"],
                   allow_headers=["*"])
app.include_router(router)

• 我的一个浏览器都没有安装任何插件或adblockers。在我的主要浏览器（QTWebengine/QuteBrowser）中，我有一个greasemonkey脚本来快速向前youtube广告，还有几个用户-CSS文件。

• 我阅读的帖子和文章中的一个共同线程是，情况可能会有所不同，具体取决于调试工具面板是否打开。就我而言，这与情况完全没有任何影响。

• 所有事物都在Localhost上运行 - 没有VM，没有容器...只有我和Localhost。

1. 由于worksjustfine工作正常，因此似乎不是一个聪明/javascript问题。

2. 由于test_url从fetch api以外的每个源工作正常（作为帖子或get），这似乎不是fastapi问题。

我想念什么？我可以提供什么进一步的信息？

chromium请求（待处理）

失眠请求，fastapi尚未重新启动，铬请求仍在待处理

Answer 1

感谢您抽出宝贵的时间在这里阅读和评论。我已经克服了这个问题，尽管我没有净化残留的混乱。

• 我是没有软件的，SSE连接有限制 - 这是铬的6个硬封（Firefox还声称是这种情况，并且两者都被标记为Wontfix）。

• 我正好使用6个SSE连接到不同的流数据点。

• 我禁用了所有SSE端点，并且获得/发布完美地工作。然后，我会逐步重新启用所有 SSE端点....

  
  

• 现在，当我在上面问我的问题时，系统与状态完全没有变化！但是，GET请求从Chrome和Chromium中起作用，并且POST请求都可以从所有浏览器中起作用。

我理解错误的根源，并且我将SSE指定为“被视线的Websocket代替”。

再次感谢您抽出宝贵的时间与我交谈。

“我希望我能拥抱你们所有人……但是我不会”