无法将 AWS S3 ReactApp 连接到 Heroku Node/Express API

Question

我已经将 react-app 部署到 AWS S3 和 heroku 中的节点/express API，但我无法将它们连接在一起事件与 API 中的 cors 配置或 react-应用程序 我找不到正确的方法。

前端包.json

    "name": "frontend",
    "proxy": "https://planet-api-test.herokuapp.com/",
    "version": "0.1.0",
    "private": true,

app.js

    const [message, setMessage] = useState('')

    useEffect(() => {
        const myFunction = async () => {
            const { data } = await axios.get('/api/users')
            setMessage(data)
        }
        myFunction()
    })

server.js

import express from 'express'
import cors from 'cors'
import userRoutes from './routes/userRoutes.js'

const app = express()
const port = process.env.PORT || 5000

app.use(express.json())
app.use(cors())
app.use('/api/users', userRoutes)

控制台错误

Answer 1

由于某种原因，您的应用尝试将请求发送到 http 而不是 https 尝试在 axios.get 中对其进行硬编码，看看会发生什么