node.js - 使用 axios 请求失败，状态码为 400

Question

我正在尝试使用我使用节点制作的登录 API，但是，每当我使用 Axios 调用 API 时，它都会在控制台中给我一个请求失败。

这就是我使用 axios 调用我的方法的方式：

   axios
      .post(
        "http://localhost:8080/staffMember/login",
        {
          email: "[e-mail]",
          password: "Flintstone",
        },
        {
          headers: {
            "Content-Type": "application/json",
          },
        }
      )
      .then((response) => {
        console.log(response);
      })
      .catch((error) => {
        console.log(error.message);
      });
  };

这是我的登录页面和控制台：

这是我的后端配置：

require("dotenv").config();
const mongoose = require("mongoose");
const express = require("express");
const app = express();
const staffMember = require("./routers/staffMember.router.js");
const hrMember = require("./routers/hrMember.router.js");
const academicMember = require("./routers/academic members/academicMember.router");
const headOfDepartment = require("./routers/academic members/headOfDepartment.router");
const courseInstructor = require("./routers/academic members/courseInstructor.router");
const courseCoordinator = require("./routers/academic members/courseCoordinator.router");
var cors = require("cors");
app.use(cors());

mongoose
  .connect(process.env.DATABASE_CONN_STRING, {
    useNewUrlParser: true,
    useUnifiedTopology: true,
    useFindAndModify: false,
    useCreateIndex: true,
  })
  .then(() => {
    console.log("DB connected");
  })
  .catch(() => {
    console.log("DB connection failed");
  });

app.use(express.json());
app.use(express.urlencoded({ extended: false }));

app.use("/staffMember", staffMember);
app.use("/hrMember", hrMember);
app.use("/academicMember", academicMember);
app.use("/courseInstructor", courseInstructor);
app.use("/courseCoordinator", courseCoordinator);
app.use("/headOfDepartment", headOfDepartment);

module.exports = app;

标签： node.jsreactjsaxios

Answer 1

请试试这个

axios.post('YOUR_FULL_URL', {
    username: 'api',
    password: 'MY_PASSWORD',
    grant_type: 'MY_GRANT_TYPE'
}, {
    headers: {
    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
}}).then(response => {console.log(response)})
.catch(error => {
    console.log(error.response)
});