title: Error: Network Error at createError (createError.js:16) at XMLHttpRequest.handleError (xhr.js:84)
body: <p>I am trying to get data from api using axios but i am getting this error. I am using django api. my api seems to be working fine on postman but with react it is giving me the error:</p>
  <pre><code>getStudentById(id) {
          const url = `${API_URL}/api/student/student-detail/${id}`;
          return axios.get(url);
      }
  
  componentDidMount() {
       let urlId = this.props.match.params.id;
       
      let thisComponent = this;
      studentService.getStudentById(urlId)
        .then(function (response)  {
          console.log(response.data.Name)
           thisComponent.setState({
              id: response.data.id, 
              name: response.data.Name,
              enrollment_no: response.data.Enrollment_No,
              registration_no:response.data.Registration_No,
              semester: response.data.Semester,
              year: response.data.Year,
              course_nam: response.data.Course_Name,
              course_code: response.data.Course_Code,
              images: response.data.images
             });
            
        }).catch(error=&gt;console.log(error))
       
    }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/fZFIo.png" rel="nofollow noreferrer">error screenshot</a></p>