时间戳

首页 > 解决方案 > 如何部署对heroku的反应

reactjs - 如何部署对heroku的反应

问题描述

我无法部署这个简单的反应应用程序。它在我的本地主机上完美运行。我在想一个未解决的 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”

标签： reactjsaxios

解决方案

您应该制作一个 node js (express) 服务器来为您的 react 应用程序的生产文件提供服务，并将您的服务器和文件部署到 heroku 。Heroku 只使用 node js 服务器来提供任何服务。

推荐阅读