如何部署對heroku的反應

Question

我在部署這個簡單的 React 應用程序時遇到了麻煩。 它在我的本地主機上完美運行。 我在想一個未解決的 cors 問題，但沒有找到很多關於它的信息

我得到的錯誤：

    at j (Nav.js:9)
    at ro (react-dom.production.min.js:157)
    at Bo (react-dom.production.min.js:180)
    at Wi (react-dom.production.min.js:269)
    at Pu (react-dom.production.min.js:250)
    at Cu (react-dom.production.min.js:250)
    at xu (react-dom.production.min.js:250)
    at vu (react-dom.production.min.js:243)
    at react-dom.production.min.js:123
    at t.unstable_runWithPriority (scheduler.production.min.js:18)

這是我從端點制作 axios.get 的地方 -> http://179.43.113.170:8082/test/ta/sistema_solar.json

import Nav from "./Nav";
import Header from "./Header";
import { useState, useEffect } from "react";
import axios from "axios";
import Gallery from "./Gallery";

const App = () => {
console.log("APP LOADED!");
const [planetas, setPlanetas] = useState([]);
const getPlanetas = () => {
 axios.get("/test/ta/sistema_solar.json").then((response) => {
   setPlanetas(response.data);
   console.log(response.data);
 });
};
useEffect(() => {
 getPlanetas();
}, []);
return (
 <div className="maindiv">
   <Header />
   <Nav planetas={planetas} />
   <Gallery planetas={planetas} />
 </div>
);
};

export default App;

我還在我的 packege.json 上使用了代理配置

“代理”：“http://179.43.113.170:8082”

Answer 1

您應該創建一個 node js（express）服務器來為您的 React 應用程序的生產文件提供服務，並將您的服務器和文件部署到 heroku 。 Heroku 只使用 node js 服務器來服務任何東西。