Question

我已将登录页面设置为UI，并通过Axios库集成了API，当我点击API时，它会显示错误

xhr.js:166 OPTIONS https://testapi.halanx.com/rest-auth/login/ net::ERR_CONNECTION_REFUSED

应用程序用户界面的网址：https://assignment-task1.herokuapp.com/

代码的URL：https://github.com/rahulkhowal/Query-Related-to-Internship-Task---Web-Development

这是登录代码

handleSubmit=(e)=>{
     e.preventDefault()
     //console.log("Ihi")
     const Login={
       username:this.state.email || ' ',
       password: this.state.password || ''
      }

     console.log("Login", Login);
       axios.post('http://testapi.halanx.com/rest-auth/login/', {...Login}) 

      .then(res => {
        console.log(res);
        console.log(res.data); 
        axios.defaults.headers.common['Authorization'] =res.data;
        cookies.set('loggedIn', res.data, {path:'/'})
        this.props.history.push('Dashboard')
      })

      .catch(error =>  {
         if(!error.response){
          this.errorStatus='Error:Network Error';
         }else{
          this.errorStatus=error.respose.data.message;
         }
      })
}

Answer 1

这不是您的代码的问题。您的网络服务器拒绝POST请求的预检。可能您正在尝试从其他域调用身份验证服务。

请参阅此文档。 https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request

连接被拒绝错误-Axios和ReactJS

1 个答案: