Я создал страницу регистрации и отправляю без какого-либо участия. Я получил 200 нормально, хотя бэкэнд-сервер поднял 400 повторно, как я могу получить правильный статус для моего js кода?
ниже изображение - вызов API на мой сервер и ответил 400 статус
api. js
const base = 'https://gyma9z0wme.execute-api.ap-northeast-2.amazonaws.com/dev';
// const base = 'http://127.0.0.1:8000';
function send({ method, path, data, token }) {
const fetch = process.browser ? window.fetch : require('node-fetch').default;
const opts = { method, headers: {} };
if (data) {
opts.headers['Content-Type'] = 'application/json';
opts.body = JSON.stringify(data);
}
if (token) {
opts.headers['Authorization'] = `Bearer ${token}`;
}
return fetch(`${base}/${path}`, opts)
.then(r => r.text())
.then(json => {
try {
return JSON.parse(json);
} catch (err) {
return json;
}
});
}
export function get(path, token) {
return send({ method: 'GET', path, token });
}
export function del(path, token) {
return send({ method: 'DELETE', path, token });
}
export function post(path, data, token) {
return send({ method: 'POST', path, data, token });
}
export function put(path, data, token) {
return send({ method: 'PUT', path, data, token });
}
утилит. js
export function post(endpoint, data) {
return fetch(endpoint, {
method: 'POST',
credentials: 'include',
body: JSON.stringify(data),
headers: {
'Content-Type': 'application/json'
}
}).then(r => r.json());
}
авторизация / регистрация. js
import * as api from "api.js";
export function post(req, res) {
const user = req.body;
api.post("users", user).then(response => {
if (response.user) {
req.session.user = response;
}
res.setHeader("Content-Type", "application/json");
res.end(JSON.stringify(response));
});
}
регистрация /index.svelte
<script>
import { goto, stores } from "@sapper/app";
import ListErrors from "../_components/ListErrors.svelte";
import { post } from "utils.js";
const { session } = stores();
let username = "";
let email = "";
let password = "";
let errors = null;
async function submit(event) {
const response = await post(`auth/register`, { username, email, password });
// TODO handle network errors
if (response.status === 400){
errors = response;
}
if (response.sn) {
$session.sn = response.sn;
goto("/");
}
}
</script>
<svelte:head>
<title>회원가입 • Razberry</title>
</svelte:head>
<div class="auth-page">
<div class="container page">
<div class="row">
<div class="col-md-6 offset-md-3 col-xs-12">
<h1 class="text-xs-center">회원가입</h1>
<p class="text-xs-center">
<a href="/login">이미 회원인가요?</a>
</p>
<ListErrors {errors} />
<form on:submit|preventDefault={submit}>
<fieldset class="form-group">
<input
class="form-control form-control-lg"
type="text"
placeholder="Your Name"
bind:value={username} />
</fieldset>
<fieldset class="form-group">
<input
class="form-control form-control-lg"
type="text"
placeholder="Email"
bind:value={email} />
</fieldset>
<fieldset class="form-group">
<input
class="form-control form-control-lg"
type="password"
placeholder="Password"
bind:value={password} />
</fieldset>
<button class="btn btn-lg btn-primary pull-xs-right">회원가입</button>
</form>
</div>
</div>
</div>
</div>
Я использую код реального мира.
https://github.com/sveltejs/realworld
Попробуйте войти в систему с неверной информацией здесь. Вы можете получить тот же результат
https://realworld.svelte.dev/login