如何使用 axios 发出 POST 请求？答案

【问题标题】：How to make a POST request with axios?如何使用 axios 发出 POST 请求？
【发布时间】：2022-11-02 19:02:40
【问题描述】：

我想使用该数据发出发布请求：

网址：https://cloudmonoxide.audidata.es/jnc/api/auth.php

正文：“关键”：“37qklewn”

当我发出我的发布请求时，我在控制台中收到一个 CORS 错误。像那样：

如果我向 Postman 提出请求，它会很好地返回响应。这是我的组件的代码：

import axios from "axios";

const Authentication = () => {
  const payload = { key: "37qklewn" };

  const config = {
    method: "post",
    url: "https://cloudmonoxide.audidata.es/jnc/api/auth.php",
    headers: {
      "Content-Type": "application/json",
    },
    data: payload,
  };

  axios(config)
    .then(function (response) {
      console.log(JSON.stringify(response.data));
    })
    .catch(function (error) {
      console.log(error);
    });
};

export default Authentication;

如果有人可以帮助我，我将不胜感激。谢谢。

【问题讨论】：

您正在尝试将数据从 HTTP 发布到 HTTPS，但服务器不接受它。
@GrafiCode 我该如何解决？

标签： javascript rest axios request cors

【解决方案1】：

使用 Cors，安装 cors 使用

  npm install cors

并添加以下代码

var cors = require('cors')
app.use(cors())

【讨论】：