React Axios post Oauth2用户名和密码在FastAPI后端失败
React是一个用于构建用户界面的JavaScript库。它提供了一种声明式的编程模型，使开发人员能够轻松创建交互式UI组件。React具有高效的渲染能力，能够在数据变化时自动更新UI，提高了应用程序的性能。
Axios是一个基于Promise的HTTP客户端，用于发送HTTP请求。它可以在浏览器和Node.js中使用，并提供了简单易用的API，用于处理HTTP请求和响应。Axios支持各种功能，如拦截请求和响应、转换请求和响应数据等。
OAuth2是一种授权框架，用于授权第三方应用程序访问用户资源。它通过令牌的方式进行身份验证和授权，提供了一种安全的方式来保护用户数据。在使用OAuth2时，用户可以使用用户名和密码进行身份验证，并通过授权服务器颁发的令牌来访问受保护的资源。
FastAPI是一个基于Python的现代、快速（高性能）的Web框架，用于构建API。它具有简单易用的API设计和自动化的文档生成功能。FastAPI使用异步编程模型，可以处理大量并发请求，并提供了高性能的路由和请求处理。
当在React应用中使用Axios发送POST请求时，如果在FastAPI后端验证用户名和密码失败，可能有以下几个原因：
- 用户名或密码错误：请确保在发送POST请求时，提供了正确的用户名和密码。可以通过在请求体中传递用户名和密码的方式进行验证。
- 后端验证逻辑错误：检查FastAPI后端代码，确保验证用户名和密码的逻辑正确。可能需要检查数据库查询、密码加密等部分的实现。
- 跨域请求问题：如果React应用和FastAPI后端部署在不同的域名下，可能会遇到跨域请求问题。可以通过在FastAPI中设置CORS（跨域资源共享）来解决此问题。
- 网络连接问题：检查网络连接是否正常，确保React应用可以正常访问FastAPI后端。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行应用程序。产品介绍链接
- 腾讯云数据库（TencentDB）：提供高性能、可扩展的数据库服务，支持多种数据库引擎。产品介绍链接
- 腾讯云对象存储（COS）：提供安全可靠的云存储服务，用于存储和管理大规模的非结构化数据。产品介绍链接
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
我一直试图建立这个股票预测网络应用程序使用先知模型和FastAPI。在这个问题上，我遇到了控制台日志错误: 422个不可处理实体。
下面是获取API请求的react代码：
async function GetAPI () {
const [predData, setPred] = React.useState();
const [stock_name, setStock] = React.useState();
const axios = require('axios');
var data = JSON.stringify
浏览 6提问于2022-03-27得票数 -1
你好，我正试图使用axios将登录详细信息发布到后端，当我在邮递员上尝试时，它工作得很好，但是当我通过我的前端进行时，我会收到错误422。
我使用快速API作为后端，一个同事正在构建它，而不是我。
我用“反应”作为我的前卫
这是我的代码：
import React, { Component } from 'react';
import'./login.css';
import axios from 'axios';
class Login extends Component {
constructor(props){
super(p
浏览 10提问于2021-12-23得票数 0
回答已采纳
1回答
我正在开发一个react应用程序，在这个应用程序中我必须使用大量的GET和POST请求。前端使用axios作为http客户端，而API是用FASTAPI构建的。目前，我只使用基本身份验证(这需要用户名和密码)。API有一个托管的UI，即。后端也允许使用原点。即
origins = [
"http://localhost:3000",
"http://127.0.0.1:3000",
"https://headacheapp.testenv.com",
]
app.add_middleware(
CORSMiddle
浏览 5提问于2021-10-08得票数 0
我有一个网站开发的反应js在前端。前端向快速python后端发出请求(POST方法)。在web界面上，当我单击“已发送”按钮，该按钮调用快速API API时，会出现以下错误：
在我的本地电脑上，一切都很好。但是，当我在o2switch服务器上进行生产时，上面的bug又回来了。
对于react，我使用axios来执行POST请求：
Axios.post("http://localhost:8001/calcul", {
localisation: "MA",
critere_priviligier: "12"
浏览 4提问于2022-11-10得票数 0
我正在使用Symfony 6作为后端，React作为前端进行项目。我已经实现了OAuth2身份验证登录和配置API平台，并公开了用于React的端点。
API Platform有一个很好的 JWT 实现指南，它有助于使用带有用户名和密码的JWT令牌身份验证。
但是，如何通过将OAuth2身份验证添加到API平台以及(外部OpenID提供者) Azure来验证Symfony上的用户呢？
谢谢!
浏览 4提问于2022-09-15得票数 0
如何添加我的用户名和密码，并为基本八月添加一个base64。()
我阅读了相当多的文章，最后甚至用密码(和散列)设置了OAuth2，使用了JWT令牌，但这对我来说太过了，我所需要的只是一个简单的基本Auth，并在其上添加一个小的保护，基本上是添加一个base64。
这样的想法是在标题中有这样的内容：
{'Authorization': 'Basic aGVsbG86d29ybGQ='} #hello:world
然而，我的知识还很低，甚至在如何使用我自己的用户名和密码时，我也遇到了第一个问题：
from fastapi import Depends, FastA
浏览 1提问于2019-12-18得票数 0
回答已采纳
我使用Fastapi作为后端，将React(Nextjs)作为我的前端。当我的前端向我的Fastapi后端发出post请求而失败时，它不会返回错误细节。
我的Fastapi后端：
@router.post("/register")
async def create_user(
user: _schemas.UserCreate, db: _orm.Session = _fastapi.Depends(get_db)
):
user = await _services.get_user(user.email, db)
if us
浏览 9提问于2022-07-03得票数 0
我正在构建一个属性搜索应用程序，为了访问您需要传递令牌和获取令牌的属性，我已经获得了用户名和密码。 我正在尝试请求令牌，这需要一个用户名和密码发送的标题。 我使用axios来处理这个post请求。 let tokenURL = process.env.REACT_APP_TOKEN;
let username = process.env.REACT_APP_USERNAME;
let password = process.env.REACT_APP_PASSWORD;
const user = new URLSearchPa
浏览 21提问于2019-06-30得票数 0
我在使用Axios和FastAPI理解Cookie中的JWT时遇到了一些问题。
我正在尝试做一个简单的应用程序与反应为前端和FastAPI为后端。因为这更像是我的研究项目，所以我决定使用JWT进行身份验证，并将它们存储在Cookie中。
身份验证流程非常基本。用户通过POST将凭证发送到后台，后台将JWT设置为Cookie并将其发送回来。
我的问题是我无法读取返回到前端的cookie。
现在，我知道你不能从Javascript中读取HttpOnly cookie，因此即使cookie是从登录请求中设置的，我也无法从我的React应用程序中看到它们。
如果我使用Insomnia来检查登录API的
浏览 74提问于2021-03-01得票数 2
我有一个使用React (前端)和Django Rest框架(后端)的项目，它目前部署在PythonAnywhere上。我使用axios连接到API，并将数据从数据库加载到React前端。
在开发过程中，我将访问数据库的用户名和密码硬编码到我的index.js文件中(凭据在下面是模糊的)：
import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App.js';
import axios from 'axios&#
浏览 2提问于2021-01-23得票数 0
回答已采纳
我正在构建一个基于React的身份验证组件。当输入错误的密码/用户名时，我预期前端会出现状态400，其中包含“无效的电子邮件或密码”。
相反，我得到状态400与消息：‘请求失败与状态代码400’。我用邮递员来模拟一个错误的登录，我收到了这样的信息：“无效的电子邮件或密码”。
当我尝试在我的前端成功登录时，一切正常，我得到了一个JWT令牌。
我还在后端做了一个console.log，我可以看到数据确实到达后端。问题似乎是前端没有正确地处理错误。
谁能看一看，让我知道有什么问题吗？谢谢。
后端邮政路线
router.post('/signin', async (req, res)
浏览 4提问于2022-05-07得票数 0
互联网上的大多数教程都是在Spring中使用React，因此它将是服务器端呈现，就像胸腺网一样。但是在我的项目中，spring (REST后端)和ReactJS (SPA)是分开的。
我有一个单块的应用程序，所以我想我不必使用JWT (而且spring oauth2授权项目是不推荐的)。
是否可以在SPA (如react )中使用Security身份验证(Jsessionid)？
如何登录，它的端点是什么？这仅仅是对用户名和密码的有效负载的/login端点的POST请求吗?对于另一个端点，当对/login启动进行REST调用时，React只需要包含Jsessionid的cookie就可以是了吗
浏览 4提问于2021-05-21得票数 2
回答已采纳
这是我的前端反应代码：
import * as React from 'react';
import { useEffect, useState } from 'react';
import http from './http-common'; // axios
type Photo = {
filename: string,
caption: string,
tags: string[].
};
const BrowserArticle = ({ filename, caption, tags }: Photo) =>
浏览 1提问于2021-05-15得票数 3
我们正在构建一个票务web应用程序，其组件包括
datastore - PostgreSQL用于关系数据，ElasticSearch用于票证日志的文本(以启用搜索功能)
backend - Python FastAPI
以frontend /HMTL为用户界面的Nginx反向代理
一旦用户成功地使用他们的用户名和密码登录(存储在数据库中)，该用户就可以查看他/她自己团队的票证，以及关键字搜索所有票证的日志(处理该票证的用户记录的注释的历史记录)以及相关的票证本身。
由于我对构建web应用程序非常陌生，这更像是一个应用程序设计问题(其中包括身份验证部分)。我的问题是：
使用OAuth2身份验
浏览 6提问于2021-07-05得票数 0
回答已采纳
我正在使用React登录。我在我的一个组件中使用了Axios.post('/api/users/login', value)。现在，我想将userName和passWord存储在一个文件中，并使用Axios从本地文件中获取值。我想有一个固定的用户名和密码的用户登录。 可以使用Axios.post()从本地文件中获取值吗？
浏览 44提问于2019-12-08得票数 0
当我发出ajax请求时，koa2 ctx.request.query没有被定义，但是当我在postman中发出这个'post‘请求时，它工作得很好。
在postman中，我可以获得查询对象
而是通过axios
我的请求代码是
<template>
<div id="login">
<mt-field label="用户名" placeholder="请输入用户名" v-model="username"></mt-field>
<mt-field l
浏览 0提问于2017-04-25得票数 0
1回答
我正在试图映射一个数组，该数组通过道具传递到组件中。例如，我有一个ViewPosts页面，通过将post作为支柱传递给组件来调用注释组件。其目标是将数组从道具中取出并映射出来，这样我就可以在axios调用中使用post id来获取post的所有注释。然后，在获取注释之后，我需要能够将用户id从“注释”数组中提取出来，并进行另一个axios调用以获得用户名(谁离开了注释)，因为后端开发人员没有将它包括在数组中。我还需要能够使用注释id来调用axios来删除注释。我的代码如下
我成功地映射了数组，但是，我将其映射到return语句中，因此不能在axios调用中使用数据，因为它不在return语句之
浏览 4提问于2022-11-29得票数 0
我正在尝试让会话与React前端和使用MongoStore后端的express + connect-mongo一起工作。
句柄寄存器函数
async function handleRegister(evt){
//Prevent default form redirect.
evt.preventDefault();
//Create a new user objec to pass into axios
const user = {
username: username,
password
浏览 12提问于2021-01-04得票数 0
我使用React本地的应用程序和Spring作为后端。对于应用程序的请求，我使用Axios。
我正在开发一个新的后端服务，我想在进行后端部署之前在应用程序上测试它。通常，我只需使用类似axios.post('http://192.168.1.25:8080/resource')之类的东西，通过局域网访问在我的PC上运行的服务器，通过局域网连接到智能手机上。它起作用了。
但是，这个新服务依赖于与HTTP请求一起发送的子域。例如，在前面的示例中，我必须向'http://english.192.168.1.25:8080/resource'发布一篇文章。但是，将axi
浏览 4提问于2021-06-03得票数 1
3回答
假设我正在使用Vue.js构建一个web应用程序，其中终端用户使用表单订阅时事通讯。前端是一个Vue应用程序，后端是一个PHP。
API需要基本的Auth身份验证。
在前面，我使用axios调用API：
axios
.post('localhost/api/v1/subscriber.php', {
// I know the data is missing but this is not what the question is about..
auth: {
username: 'USER',
浏览 3提问于2019-09-23得票数 4
我正在尝试向服务器发送一个axios post请求，其中包含在表单中提供的用户的用户名和密码作为参数。当我发送请求时，它似乎被发送了两次，一次使用username = "“，另一次使用我提供的用户名。响应是登录错误，因为它是第一次发送请求。 我尝试使用不起作用的axios.post发送请求(在服务器上收到的用户名为空)。此外，我使用postman执行了post请求，并且它起作用了(用户名是我在表单主体中提供的用户名，并且身份验证成功)。 这是我在react中的登录表单 import React, {Component} from 'react'
import axio
浏览 6提问于2019-10-15得票数 1
我正在构建一个简单的API来测试数据库。当我使用get request时，一切正常，但如果我改为post，我会得到“无法处理的实体”错误：
下面是FastAPI代码：
from fastapi import FastAPI
app = FastAPI()
@app.post("/")
def main(user):
return user
然后，我的请求使用javascript
let axios = require('axios')
data = {
user: 'smith'
}
axios.post('h
浏览 5提问于2020-01-27得票数 22
我是一个移动开发人员，现在一个项目需要使用identityserver4和OAuth2的后端服务进行身份验证。
该项目设置了一些东西，因此它使用OIDC进行身份验证。
但
这是一个“密码”流，所以不是隐式流(登录浏览器到FB，Google，然后再回到应用程序)。
所以基本上，我只是使用fetch请求向服务器发送用户名和密码.那就去拿令牌和刷新令牌然后从那里取下来..。
所以，我的问题是，使用OIDC的好处是什么？用户名和密码是否会被发送？(HTTPS)
这是一件普通的事吗？我找不到一个不使用浏览器的OIDC本机react库。最相似的是节点库
浏览 0提问于2020-09-05得票数 0
2回答
我已经创建了一个react表单，并希望使用表单数据向webhook.site发出post请求。如果我收到一个200状态码，那么我希望将表单数据发送到后端express服务器以进行进一步操作。我正在使用axios发出POST请求。这是我的react表单中的axios代码片段： import React, { Fragment, useState } from "react";
import axios from "axios";
const Form = () => {
const [candidate, setCandidate] = useSta
浏览 18提问于2020-09-26得票数 0
1回答
正如标题所述，我正试图从React前端上传一个文件到FastAPI。我使用的代码如下：
//this is backend FastAPI ==================
@app.post("/uploadfile")
async def create_upload_file(file: UploadFile = File(...)):
return {"filename": file.filename}
//frontend ===================================
const [file, uploadF
浏览 4提问于2022-06-20得票数 0
回答已采纳
2回答
我正在开发一个使用React+Redux和axios进行应用程序接口调用的应用程序。
下面是一个失败的示例调用：
axios.post(`${API_ROOT}${FIND_USER}${currentUserID}`, {
headers: {
'Authorization': token
},
})
.then((response) => {
console.log("Sucess")
})
当我在network中看到请求url时是这样的：
ht
浏览 18提问于2017-06-25得票数 4
我有一个React调用node.js/Express中的API。
前端部署在Netlify (https)中，后端部署在Heroku (https)上。
我的问题是：
在dev环境中工作的所有东西(localhost)
在生产(Netlify/Heroku)中，用于注册和登录的api调用似乎有效，但会话cookie没有存储在浏览器中。因此，对API中受保护路由的任何其他调用都会失败(因为我没有接收用户凭据)。
说话很便宜，给我看看密码.
后端(Express API)：
我使用的是 (本地策略)，，。
App.js
require('./configs
浏览 4提问于2021-03-06得票数 16
回答已采纳
因此，我正在努力建立一个完整堆栈应用程序的基础，该应用程序有一个java spring后端，最终是一个mysql数据库，以及一个react前端。我目前能够用下面的代码将我的后端'user‘存储库发送到react前端
用户类别：
@Entity
@Table(name = "users")
public class User {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private long id;
@Column(name = "first_na
浏览 2提问于2022-01-25得票数 0
2回答
我正在创建一个登录页面，用户输入用户名和密码，然后页面在我的快速后端检查它，如果用户名不存在，它会以div元素的形式出现错误，并带有类似于此的错误消息。
或者像这样，，她是背后的代码
import React from "react";
import { useState } from "react";
import { useNavigate } from "react-router-dom";
import "./Login.css";
import Intro from "../../Components/Intro
浏览 2提问于2022-06-14得票数 -1
回答已采纳
1回答
我有一个登录组件，我向服务器发送了一个包含用户名和密码的post请求，然后在收到后端中的数据后，我将它与后端的SELECT查询结果相匹配，并在我希望从服务器向客户端发送数据之后……
这是我的登录代码：
import React, { useState, useEffect } from 'react';
import { Link } from 'react-router-dom';
import Axios from 'axios'
function Login() {
const [account, setAccount] = useS
浏览 2提问于2021-12-04得票数 0
回答已采纳
1回答
Vue 3和cookies
、、、、
我正在Vue 3中构建一个前端，并使用fastAPI作为后端。我想在身份验证过程中使用httponly，但在浏览器中我看不到cookie已经收到。我已经向邮递员检查了后端的请求，我看到了带有后端数据的"set-cookie“。
前部：
127.0.0.1:8080 Vue 3Axios 0.18.1url：
后端：
FastAPIuvicornurl: 127.0.0.1:8000
在前面，使用Axios的post消息如下：
axios
.post(process.env.VUE_APP_API_URL + '/login', this.auth, {withC
浏览 5提问于2019-12-08得票数 1
我发布了一个图像，并从后端获取处理后的图像作为响应。问题在于响应部分。不管我做什么我都不能显示图像。
首先邮差工作。所以后端很好，我看到了邮递员的图像响应。在任何情况下，这都是FastAPI后端的相关部分：
for img in results.imgs:
bytes_io = io.BytesIO()
img_base64 = Image.fromarray(img)
img_base64.save(bytes_io, format="jpeg")
return Response(content=bytes_io.get
浏览 2提问于2022-05-05得票数 3
1回答
我希望在使用FastAPI后端返回的React上使用StreamingResponse呈现一个图像。图像以numpy数组的形式出现，该数组具有cv2类型的对象。
@app.post("/predict")
async def root(file: UploadFile = File(...)):
global model
global store_coordinates
global store_faces
global store_mesh
content = await file.read()
nparr = np.from
浏览 5提问于2022-03-01得票数 1
回答已采纳
试图通过react下的https POST请求创建用户帐户--本机带有axios，而在android上总是出现“网络错误”失败。
axios('https://'+DEST_URI, {
method: 'post',
data: account,
headers: {
'Accept': 'application/json',
}
then(...)
相同的https POST请求在iOS上工作得很好。
更改为http，同样的POST请求也可以在android上工作。
此外，通过android上的https尝试了
浏览 0提问于2016-07-03得票数 2
回答已采纳
我只是一个使用axios和javascript的初学者，非常感谢您的帮助。
我有一个名为mydb in MongoDb的数据库。要访问这个数据库，必须使用用户名root和密码example。
然后我有一个基本的web应用程序，允许在数据库mydb中注册新用户。如何更新我的axios脚本以使用用户名root和密码example访问数据库。
这是我的密码：
const handleRegister = () => {
if (username && password) {
const formData = new FormData();
浏览 1提问于2020-10-16得票数 0
回答已采纳
1回答
我正在一个网站上工作，在这个网站上，前端是在React中完成的，而后端则是在Python中使用FastAPI完成的。我制作了一个form，它接受一些数据并使用axios将其发送到后端。看上去像这样
{
name='Jonathan',
aliases=["Johnny"],
birthdate='2-15-1980',
gender='male',
height=178
weight=90
nationalities=["American", "French"],
occupations=[
浏览 18提问于2022-03-05得票数 2
2回答
我正在使用react编写一个页面应用程序(SPA)，并希望使用Django作为后端。我读过和，我确信我需要使用基于令牌的身份验证，而不是基于会话的身份验证。
以下是我想要完成的任务：
用户输入用户名和密码，我的应用程序通过ajax将这些发送给Django进行验证。
假设用户名和密码是有效的，Django向SPA返回一个访问令牌
SPA可以开始使用此令牌请求REST。
我发现Django OAuth工具包和似乎展示了如何完成我刚才提到的内容。
由于我是OAuth2和基于令牌的身份验证新手，所以我不确定我的断言是否正确。(我不太明白关于注册你的申请的部分)
我希望有更多经验的人
浏览 4提问于2015-10-23得票数 1
我有一个Login组件：
var React = require('react');
var LoginForm = require('./LoginForm');
class Login extends React.Component {
constructor (props) {
super(props)
// Bind the this context to the handler function
this.handler = this.handler
浏览 4提问于2017-06-19得票数 0
回答已采纳
老实说，这对我的自尊心是一个灾难性的打击，我还没有弄清楚--到目前为止已经花了6个小时……
我有一个运行在Django Rest Framework后端的React应用程序。对于密码重置功能，我使用的是Django的内置视图(auth_views.PasswordResetView)。我在React中有一个表单，它接受一封电子邮件并发送一个post请求来重置用户密码。我在postman中发送数据的方式是：
Url: http://192.168.0.85:8000/reset_password
Body: {'email': 'blabla@bla.com'}
浏览 2提问于2021-05-22得票数 0
在过去的一周左右，我一直困在那里，找不到我的问题的任何答案。今天我开始做一些适当的调查。看起来Axios在触发事件时不起作用。这也不适用于我的主PC，这使我认为它实际上是一个缺陷与Axios。
我已经试过了：
独立重新安装Axios
卸载我拥有的所有全局依赖项
创建一个新的React
检查事件是否正在触发(它们正在触发)
检查我的网络选项卡(什么都没有显示)
我的post请求在将其作为一个函数调用时运行良好：
import React from "react";
import axios from "axios";
import &#
浏览 5提问于2021-03-08得票数 1
我正在从我的express后端获取和显示一组帖子，它以"Blog“组件的形式显示。
组件有一个按钮从后端删除它，然后重新获取帖子，每当我单击delete按钮时，状态从“空闲”更改为“加载”到“成功”，然后在重新获取数据时将其删除。
这是可行的，但当它被删除时，下一篇文章将“成功”显示为状态。为什么？
BlogPost.jsx：
import React from "react";
import axios from "axios";
import { useQueryCache, useMutation } from "react-query
浏览 2提问于2020-10-25得票数 3
回答已采纳
我想根据用户过滤结果。但我不知道该怎么做 我知道有一种方法是在react中使用Axios在报头中发送用户名和密码。但为此，我需要将用户名和密码存储在react本地存储中。 我只想知道是否可以使用用户名和访问令牌而不是用户名和密码来获取self.request.user的值？？ def get_queryset(self):
return TransactionData.objects.filter(
Q(trans_receiver_id=self.request.user) | Q(trans_sender_id=self.request.
浏览 25提问于2020-03-31得票数 1
回答已采纳
1回答
我正在尝试实现一个简单的登录表单，它获取用户名和密码作为输入。
User.js
import React, { useState } from 'react';
import { useSelector, useDispatch } from 'react-redux';
import {
set,
reject,
verify,
isLoggedIn,
} from './userSlice';
export function User() {
const isUserLoggedIn = useSelector(
浏览 4提问于2020-09-04得票数 1
回答已采纳
为了能够注册，我尝试使用useRef()传递用户名和密码，但是在提交之后，它说需要用户名和密码。我在浏览器上查看网络负载，它只有没有用户名和密码的电子邮件。
下面是代码
import { useRef, useState } from "react";
import "./register.scss";
import axios from "axios";
import { useNavigate } from "react-router-dom";
const Register = () => {
const [
浏览 6提问于2022-04-14得票数 0
回答已采纳
1回答
React Django应用程序。用户通过Axios PUT提供用户名和密码，如果返回正确的JWT和用户名，则两者都存储在sessionStorage中。然后，用户被自动路由到/home，后者应该填充特定于用户的信息。
/home的componentWillMount()应该通过Axios (数据库中的/home的内容)进行GET。有些是静态的，有些是与用户相关的，例如first_name。我试图将用户名与JWT一起发送以检索这些信息，但不确定如何检索。
这就是我正在检索的静态内容，如欢迎消息。只想将username发送到，这样我就可以添加逻辑服务器端来检索这个用户的信息并在响应中发送回来。
浏览 3提问于2017-11-10得票数 1
回答已采纳
1回答
我是个新开发人员。如果您登录到我们的网站，JWT将被创建。当我按下按钮时，我必须将它作为后端放在API中。如果屏幕成功，则必须打印API中的地址。如果失败，“身份验证失败”应显示在屏幕上。我想做这个。请帮帮我。
import axios from 'axios';
import React, { useState } from 'react';
import { Button } from '@material-ui/core';
function TestPage() {
const onLogin = () => {
va
浏览 6提问于2021-12-30得票数 1
回答已采纳
1回答
我正在尝试创建一个登录表单，使用React作为前端，使用PHP作为后端。我似乎不知道如何将表单的数据(电子邮件和密码)传递给PHP脚本。我尝试过谷歌搜索，所有的解决方案要么对我不起作用，要么就没有数据。我使用的是React v16。
这是我的前端代码：
import React, { useState } from 'react';
// libraries
import { Col,
Button,
Form,
FormGroup,
Label,
Input} fr
浏览 5提问于2020-03-20得票数 3
回答已采纳
我正在进行基于令牌的身份验证，我必须通过axios发送用户编码的数据。用户和密码被传递给axios函数，我根据文档传递所有参数。
import axios from 'axios'
const params = new URLSearchParams()
params.append('client_id', 'xyz-client')
params.append('secret', 'xyz')
params.append('scope', 'xyz')
params.append
浏览 4提问于2022-03-03得票数 0
回答已采纳
2回答
在我的SignUp组件中，如果用户名和密码正确，我尝试将用户发送到登录组件。
这是下面的注册代码，
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import Axios from 'axios';
const initianValue = {
username: '',
password: '',
nameError: '',
passError: '&
浏览 3提问于2020-07-05得票数 1
回答已采纳
我正在使用带有axios的原生react。当我点击登录按钮，它应该重定向到主屏幕，但它不工作。当我将它替换为Privatescreen()；替换为alert('successfully login.‘)；它给出了成功登录msg，但给出了privatescreen()；它给出了’无效用户名或密码‘msg。下面是我在login.js中编写的handleLogin代码： import React, { Component } from 'react';
import axios from 'axios';
import PrivateScreen from
浏览 15提问于2019-02-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
