上传节点 js 项目得到错误 503 || cors /标题错误答案

【问题标题】：uploade node js project get error 503 || cors / header error上传节点 js 项目得到错误 503 || cors /标题错误
【发布时间】：2022-11-12 13:40:38
【问题描述】：

我正在尝试上传我的项目（仅服务器端）客户端正在本地运行该项目已上传到 heroku 站点但我收到错误消息，无法修复它们我使用反应，节点 js，表达，mongo DB

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

const setServerConfiguration = (app) => {
  app.use(express.urlencoded({ extended: true }));
  app.use(express.json());
  app.use(cors());
};


const mongoose = require("mongoose");
const UserRoute = require("./routes/User.route");
mongoose.connect("mongodb://localhost:27017/bank");
const setServerConfiguration = require("./config");
setServerConfiguration(app);
const port = process.env.PORT || 5000
app.use("/bank", (req,res)=>{
    res.header("Access-Control-Allow-Origin", "https://nodejs-bank.herokuapp.com/bank"); 
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
},UserRoute);

app.listen(port);



  const baseUrl = "https://nodejs-bank.herokuapp.com/bank";

  const [users, setUsers] = useState([]);
  const { t } = useTranslation();

  const fetchUsers = () => {
    axios.get(baseUrl).then((response) => {
      setUsers(response.data);
    });
  };

  useEffect(() => {
    fetchUsers();
  }, []);

【问题讨论】：

标签： javascript node.js heroku

【解决方案1】：

嘿，在您的 express 应用程序中获取一个名为 cors 的包并将其放在您的应用程序的顶部

yarn add cors
app.use(cors());

【讨论】：

嘿，在我把这个项目上传到heroku之前，我在做这件事，我在前后都使用localy，我可以工作，因为我使用的是cors packgae，但是即使在我将后端项目上传到heroku之后，它也无法正常工作并给我这个错误
你是如何构建你的前端的
你可以说得更详细点吗？我使用 react 和 axios 获取数据我无法在评论上上传代码，所以我将我的代码上传到“沙箱”，你可以观看它codesandbox.io/s/determined-rain-ziq94o

【解决方案2】：

这是因为我们在您的节点服务器上，您必须允许其他平台之间的资源共享。

为了更好地理解，您可以参考在 1 分钟内解决问题的视频。

https://youtu.be/BVwZAr04bkc

【讨论】：