axios不会将数据发布到服务器

SuperSimplePimpleDimple

我正在尝试在React中制作一个登录验证表单,并且正在使用axios进行数据库调用。

事情是,我与服务器联系-我得到200响应,但我发布的数据不存在。

这是我第一次做:

const user = {username: this.state.username, password: this.state.password}
axios.post("http://localhost:80/thinksmart/post_requests/login.php", user)
.then(res => console.log(res))
.catch(err => console.log(err))

然后我尝试了另一种方法-在其中设置基本URL:

const api = axios.create({baseURL: 'http://localhost:80'})
    api.post("/thinksmart/post_requests/login.php", user)
    .then(response => {
        console.log(response)
    })
    .catch(error => 
        console.log(error)
    )

这些都不起作用。

在PHP中,我只能这样做:

header('Content-Type: application/json');
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Allow-Methods: POST');
header('Access-Control-Allow-Headers: Content-Type'); 
echo json_encode($_POST);

而且即使我已发送数据(用户数据),我也会得到一个空数组

Zolfekar Askarieh

您可以通过两种方式解决此问题:1- PHP代码更改:要在后端获取JSON数据,您需要执行以下代码,而不是$_POST

$json = file_get_contents('php://input');

2- Javascript代码更改:要能够使用后端接收数据,$_POST您需要使用FormData更多详细信息发送数据,请参见以下链接:axios使用表单数据发布请求

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Vue axios将数据作为对象发布到Spring后端服务器

通过 axios 将数据发布到服务器时,csrf 是否足以保证安全?

如何在Redux中使用axios库将数据发布到API服务器

AJAX POST请求永远不会完成。数据发布到服务器

Ajax发布不会将任何数据传递到MVC控制器

如何使用Redux中的axios库自动为发布到API服务器的数据生成唯一ID

Eureka不会将其注册表信息复制到所有服务器

从 Wordpress 表单将数据发布到 NodeJS 服务器

Android Volley将json数据发布到服务器

在Windows Store应用中将数据发布到服务器

无法将数据从表单发布到nodeJS服务器

使用 MVP Android 将数据发布到服务器

排球库不能将数据发布到服务器

将表单数据发布到服务器(Android)

将JSON数据从iOS发布到mssql服务器

AngularJS:将数据发布到服务器

无法使用 JSONObjectRequest 将数据发布到服务器

PHP 表单不会将数据发布到数据库

ajax不会将文件发布到控制器mvc

Angularjs不会将JSON数据发布到REST API

使用mutipart发布将发布数据发布到服务器

NodeJS,Axios-将文件从本地服务器发布到另一台服务器

从Android发布到服务器

如何发布到后端服务器

Angular.js:按服务将数据发布到Rails服务器

当主服务器发生故障时,Redis群集不会将从服务器升级为主服务器

使用 curl 或 webhooks 将数据从外部服务器发布到数据库

如何使用angularJS,Web API将数据发布到服务器

使用数据json将图像发布到服务器不起作用的iOS