Я создал и протестировал свой API, который отвечает авторизованным или не авторизованным, когда введены учетные данные. Я проверил это с почтальоном и отлично работает.
Логин, который я пытаюсь создать, находится на React и в настоящее время выглядит так -
import React, { Component } from "react";
import { Button, Form, FormGroup, Input } from "reactstrap";
import { withRouter } from "react-router-dom";
import auth from "./auth";
export class Login extends React.Component {
constructor(props) {
super(props);
this.handleSubmit = this.handleSubmit.bind(this);
}
login = () => {
auth.login();
};
handleSubmit(event) {
event.preventDefault();
fetch('http://localhost:5000/api/LoginTest', {
method: 'post',
headers: { 'Content-Type': 'application/json' },
body: {
"username": this.username.value,
"password": this.username.value
}
});
};
render() {
return (
<div className="Login">
<form onSubmit={this.handleSubmit}>
<h2 id="formTitle" className="text-center">
Admin Panel
</h2>
<input
id="inputUsername"
type="text"
placeholder="Username"
name="username"
ref={(ref) => { this.username = ref }}
/>
<input
id="inputPassword"
type="password"
placeholder="Password"
name="password"
ref={(ref) => { this.password = ref }}
/>
<button
id="button"
type="submit"
className="btn btn-block btn-success"
>
Sign-in
</button>
</form>
</div>
);
}
}
export default withRouter(Login);
2 ошибки, которые я получаю в настоящее время, -
- 415 Неподдерживаемый тип носителя ИЛИ Когда я использую режим: no-cors
- Доступ к извлечению в "" из источника был заблокирован политикой CORS
Любая помощь по этому будь идеальным!