http POST 上的 net::ERR_SSL_PROTOCOL_ERROR 到快遞服務器

Question

我正在嘗試從反應客戶端發布到本地主機上的快速服務器，我在谷歌瀏覽器中收到此錯誤。

反應應用程序： http://localhost:3000快遞應用程序： http://localhost:5000

POST https://localhost:5000/upload net::ERR_SSL_PROTOCOL_ERROR

我沒有任何 SSL https 自簽名證書，但我需要嗎？ 我已經在我的 express 應用程序的一個目錄中使用 create-react-app 來引導我的前端，所以我不知道某處的 webpack 設置是否試圖將 http 處理為 Z5E056C500A1C488BADE550D？

我沒有為我的 express js 應用程序使用任何引導程序，我將在下面包含我的服務器文件以供參考。

const express = require ('express')
const bodyParser = require ('body-parser')
const port = 5000

var app = express()
var cors = require("cors");

app.use(cors())
app.use(bodyParser())
app.listen(port, () => console.log(`Example app listening on port ${port}!`))



app.post('/upload', (req,res)=>{
    if (req.files === null ){
        return res.status(400).json({message: 'no image uploaded please try again'})
    }else{
        const file = req.files.file
        let body = req.body
        res.json({body})
    } 
})

我知道關於這個問題有很多問題，但它們不相關或沒有為我提供任何見解。 我已經嘗試確保端口也允許通過我的防火牆。 我還清除了我的瀏覽器緩存。

Answer 1

這已經在多個帖子中討論過

默認情況下，您無法在瀏覽器上調用 localhost 請求，但可以禁用安全性

在這里檢查： 在 Chrome 中禁用同源策略

Answer 2

我遇到了同樣的問題，並將 URL 更改為http://localhost:5000/upload而不是使用 https://localhost:5000/upload。

Answer 3

我也遇到了同樣的問題，我將 URL 更改為http://localhost:5000/path而不是使用 https://localhost:5000/path

這個對我有用。

Answer 4

我遇到了同樣的問題，但它與 WAGMI（web3 開發的反應掛鈎）有關，而不是使用“https://localhost:6969”（這是我本地節點的 RPC url）我使用了“http://localhost: 6969" 有效！