我的网址是邮差工作，但从来没有在我的网站

Question

我的身份验证有一些问题这是用axios创建的，前端部分是React

后端运行在端口3005上，前端工作在端口3000上。在邮差，所有的API的工作完美，但当我试图整合这在前端他给我这个错误xhr.js:244 POST http://192.168.1.147/api/auth/login net::ERR_CONNECTION_REFUSED这是我的身份验证控制器(登录端)'

exports.login = async (req, res, next) => {
const { email, password } = req.body;
if(!email || !password){
return next(new ErrorResponse("Introduceti email sau parola valida", 400))
}
try{
const user = await User.findOne ({ email }).select("+password");
if(!user){
return next(new ErrorResponse("Credentiale nevalide", 401))
}
const isMatch = await user.matchPasswords(password);
if(!isMatch){
return next(new ErrorResponse("Credentiale nevalide", 401))
}
sendToken(user, 200, res);

}catch(error) {
res.status(500).json({ succes: false, error: error.message })
}
};

这是我的登录页面'

import React from "react";
import { Navbar } from "../components/Navbar";
import { Footer } from './sections/Footer';
import RegisterIMG from '../assets/register.svg';
import axios from 'axios';
import { useState, useEffect } from 'react';
export const Login = ({ history }) => {
const [email, setEmail] = useState("");
const [password, setPassword] = useState("");
const [error, setError] = useState("");
useEffect(() => {
if(localStorage.getItem("authToken")){
history.push("/");
}
}, [history]);
const loginHandler = async (e) => {
e.preventDefault();
const config = {
header: {
"Content-Type": "application/json"
}
}
try {
const {data} = await axios.post("http://192.168.1.147/api/auth/login" , { email, password }, config);
localStorage.setItem("authToken", data.token);
history.push("/");
} catch (error) {
setError(error.response.data.error);
setTimeout(() => {
setError("");
}, 5000);
}
}

return (
<>
<Navbar></Navbar>
<div className="login-container">
<div className="login-left">
<div className="login-header">
<h1>Conecteaza-te</h1>
<p>Introduceti datele pentru logare</p>
{error && <span className="error-message">{error}</span>}  
</div>
<form className="login-form" onSubmit={loginHandler}>
<div className="login-form-content">
<div className="form-item">
<label /*for="emailForm"*/ htmlFor="email">Intruduceti email</label>
<input 
type="email" 
id="email" 
value={email}
onChange={(e) => setEmail(e.target.value)}
tabIndex={1}
required
/>
</div>
<div className="form-item">
<label /*for="passwordForm"*/ htmlFor="password">Introduceti parola</label>
<input 
type="password" 
id="password"
required
value={password}
onChange={(e) => setPassword(e.target.value)}
tabIndex={2}
/>
</div>
<button type="submit" className="loginSubmit" tabIndex={3}>Conecteaza-te</button>
</div>
<div className="login-form-footer">
<p>Nu ai cont?<a href="/register">Creeaza acum unul!</a></p>
<p><a href="/forgotpassword">Ai uitat parola?</a></p>
</div>
</form>
</div>
<div className="login-right">
<img src={ RegisterIMG } alt="image" />
</div>
</div>
<Footer></Footer>
</>

);
};

<代码>

Answer 1

在调用后端服务器时没有提供端口。由于后端部署在PORT 3005上，因此调用应该如下所示

PP_4