Question

我正在使用 express、fetch 和 firefox。这是代码

async updateTutorial() {
const requestOptions = {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify(this.currentTutorial)
    };

  await fetch("https://localhost:9000/tutorial/update" , requestOptions);


}

在 Firefox 中，我看到此错误：TypeError: NetworkError when试图获取资源不知道是什么问题。

Answer 1

您正在使用 https://localhost:9000/tutorial/update。对于本地主机使用 http://localhost:9000/tutorial/update

Answer 2

我现在正在使用这个：

async updateTutorial() {
 
          const requestOptions = {
            method: "POST",
            headers: { "Content-Type": "application/json" },
            body: JSON.stringify(this.tutorial)
        } 

        await fetch("http://localhost:9000/tutorial/update" , requestOptions);
   }

在 Firefox 中我得到同样的错误，在 Edge 和 Chrome 中它可以工作。我在 Firefox 中只安装了一个来自 HP 的 AddIn。这个我卸载不了。

Answer 3

首先，你必须使用 http 而不是 https。

要修复 cors 错误，您必须在请求选项中指定 mode:"no-cors"。

async updateTutorial() {
 
          const requestOptions = {
            method: "POST",
            mode: "no-cors",
            headers: { "Content-Type": "application/json" },
            body: JSON.stringify(this.tutorial)
        } 

        await fetch("http://localhost:9000/tutorial/update" , requestOptions);
   }

我希望这会有所帮助。如果您遇到任何问题，请告诉我。

Answer 4

我用 div 替换了 form 标签。现在没有错误。我忘了提到我得到了这个日志戳：

[HMR] Waiting for update signal from WDS...

表达和获取：类型错误：尝试获取资源时出现网络错误

4 个答案: