Javascript ERR_CONNECTION_.js+；axios

我正在尝试为我的react网站建立登录页面。然后，当我试图发布数据并查看我的用户名和密码是否会出现在console.log文本框中时，会弹出一个错误。这是我的本地主机问题吗？因为当我用vscode运行我的网站时。localhost是3000，但我使用axios.post（'http://localhost:8000/login“，数据）我不确定这是否是造成问题的原因

import React, {Component} from 'react';
import axios from 'axios';
import { Button } from './Button';
import './login.css';



export default class Login extends Component{

    handleSubmit = e => {
        e.preventDefault();
        const data = {
            username: this.user,
            password: this.pass,
        };
        
        
        axios.post('http://localhost:8000/login', data).then(
            res => {
                console.log(res);
            }
        ).catch(

            err => {
                console.log(err);
            }
        )
    };

    
    render(){
        return(
            <form onSubmit={this.handleSubmit}>
                <div className="auth-container">
                    <div className="form-group">
                        <h1>Log In</h1>
                        <label>Username</label>
                        <input type="text" className="usernameText" placeholder="Username" onChange={e => this.user = e.target.value} />

                    </div>

                    <div className="form-group">
                        <label>Password</label>
                        <input type="password" className="passwordText" placeholder="Password"  onChange={e => this.pass = e.target.value} />
                        

                    </div>

                    <Button className='btn--login' buttonSize='btn--wide' buttonColor='blue'>Log In</Button>
                    
            </div>
        
        
        </form>
        )
    }
}

import React，{Component}来自'React'；
从“axios”导入axios；
从“./Button”导入{Button}；
导入“./login.css”；
导出默认类登录扩展组件{
handleSubmit=e=>{
e、 预防默认值（）；
常数数据={
用户名：this.user，
密码：this.pass，
};
轴心柱http://localhost:8000/login，数据），然后(
res=>{
控制台日志（res）；
}
).接住(
错误=>{
控制台日志（err）；
}
)
};
render（）{
返回(
登录
用户名
this.user=e.target.value}/>
密码
this.pass=e.target.value}/>
登录
)
}
}

从“React”导入React；
导入“/App.css”
从“./components/Navbar”导入Navbar；
从“反应路由器”导入{交换机，路由}；
从“react router dom”导入{BrowserRouter}
从“./components/pages/HomePage/Home”导入主页
从“./components/pages/Footer/Footer”导入页脚；
从“./组件/服务”导入服务；
从“/components/pages/Info/Info”导入信息；
从“/components/pages/Info/infoMs”导入infoMs；
从“./components/Login”导入登录名；
函数App（）
{
返回(
);
}
导出默认应用程序；

这是我兄弟的错误

---

您好，看起来上面没有运行任何东西，这应该是一个API端点。请在您的浏览器中打开一个新选项卡，并检查是否收到任何有关的响应。如果不是，则表示您的API终结点没有运行。@BobSingor在localhost:8000/login上运行时没有任何内容。但即使我在axios post上放了localhost:8000/登录名。我仍然设法访问localhost:3000/登录的网站

import React from 'react';
import "./App.css"
import Navbar from './components/Navbar';
import { Switch, Route} from 'react-router';
import { BrowserRouter } from 'react-router-dom'
import Home from './components/pages/HomePage/Home'
import Footer from './components/pages/Footer/Footer';
import Service from './components/Service';

import Info from './components/pages/Info/Info';
import infoMs from './components/pages/Info/infoMs';
import Login from './components/login';



function App()
{
  return(
    <BrowserRouter>
      <Navbar />
      <Switch>
        <Route path='/' exact component={Home}/>
        <Route path='/service' exact component={Service}/>
        <Route path='/phua' component={Info}/>
        <Route path='/foong' component={infoMs}/>
        <Route path='/login' component={Login}/>


      </Switch>
      
      <Footer />
    </BrowserRouter>
  );
}


 

export default App;