javascript - React 404 Axios 无法发布

Question

Axios 和 Node 作为后端的新手——在 React 中为登录页面继承了一些代码，并试图弄清楚为什么我不能POST对后端进行操作。

这是我的 .env 文件：

REACT_APP_BACKEND_URL=http://localhost:3000/admin

还有一个文件叫API.js

import axios from "axios";

// Set config defaults when creating the instance

export const CompanyAPI = () => {
  let api = axios.create({
    baseURL: process.env.REACT_APP_BACKEND_URL,

    timeout: 10000,
    headers: {
      "Content-Type": "application/json",
    },
  });

  return api;
};

然后有一个LoginPage.js：

export const LoginPage = () => {
  const API = CompanyAPI();
  const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");
  const getAuth = (e) => {
    e.preventDefault();
    API.post("/auth/login", {
      email: email,
      password: password,
    })
      .then(async (response) => {
        if (response.status === 200) {
          await localStorage.setItem("jwt_key_admin", response.data.token);

          setTokenKey(response.data.token);
          setIsAuth(true);
          navigate("/");
        }
      })
      .catch((error) =>
        alert(
          "Login Failed"
        )
      );
  };

我的问题是，有没有关于如何使用它express来处理/auth/login端点和补充现有API.js文件的示例？

标签： javascriptreactjsexpressaxios

Answer 1

添加

"proxy":"http://localhost:3000/admin"

在您的 package.json 文件中并重新启动您的 React 应用程序。