将 React 连接到 Nodejs 后端的最佳方法是什么答案

【问题标题】：What is best way to connect React to Nodejs backend将 React 连接到 Nodejs 后端的最佳方法是什么
【发布时间】：2022-02-12 07:24:17
【问题描述】：

大家好，我最近完成了 React 和 Nodejs 的学习。问题是我不知道如何将两者连接起来以拥有一个全栈应用程序。你们能帮我吗？你用过的最好的库是什么。

【问题讨论】：

连接是什么意思？您需要在本地端口上运行 nodejs 服务器，然后在前端使用 axios 或 fetch 之类的库执行 HTTP 请求
是的。用nodejs做一个服务器，用reactjs做的用户端连接它
不需要库，使用 fetch api 即可。 developer.mozilla.org/en-US/docs/Web/API/Fetch_API

标签： javascript node.js reactjs react-fullstack web-project

【解决方案1】：

要通过 ReactJS 将后端与前端连接，您可以使用 axios 使用外部 API，将其安装在您的应用程序中：

npm install axios

或

yarn install axios

例如后端应用在3333端口上本地运行，你可以在你的应用中创建一个api.js文件并放入代码：

import axios from "axios";

const api = axios.create({
  baseURL: "http://localhost:3333/",
});

export default api;

因此，您可以转到 React 应用程序的主文件并使用 useEffect 挂钩，如下所示：

import React, { useEffect, useState } from "react";
import api from "./api";

export default function App() {

  useEffect(() => {
    api
      .get("/YOUR ENDPOINT")
      .then((response) => console.log(response.data))
      .catch((err) => {
        console.error("error" + err);
      });
  }, []);

  return (
    <div className="App">
 
    </div>
  );
}

【讨论】：

谢谢。我会试试的。