时间戳

首页 > 解决方案 > 无法将 AWS S3 ReactApp 连接到 Heroku Node/Express API

node.js - 无法将 AWS S3 ReactApp 连接到 Heroku Node/Express API

问题描述

我已经在 AWS S3 和 heroku 中部署了一个 react-app 和一个 node/express API，但是我无法将它们与 API 中的cors配置或 react-app 中的代理连接在一起我无法找到正确的方法.

前端包.json

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

应用程序.js

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

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

服务器.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)

控制台中的错误 控制台中的错误

标签： node.jsreactjsamazon-web-servicesamazon-s3heroku

解决方案

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

推荐阅读