我尝试将数据从客户端发送到服务器，但出现错误

Question

Im try send data from client to server and i get errorm, i use django, python & react.

name: 'AxiosError' code: "ERR_BAD_REQUEST"

message: "Unsupported protocol localhost:"

the error i have enter image description here the data i want to send enter image description here api enter image description here views enter image description here url enter image description here models enter image description here

   data i want to send


    const onPay = () => {
    service.PurchaseDetailsService.setPurchaseDetails(
      100,
      "test",
      "test1",
      3,
      4,
      52
    );
    };

     api
    import Axios from "axios";
    const $axios = Axios.create({
    baseURL: "localhost:8000/api/",
    headers: {
    "Content-Type": "application/json",
       },
    });
    $axios.interceptors.response.use(
    (response) => response,
    (error) => {
    console.error("got error");
    console.error(error);
    throw error;
    }
    );
    class PurchaseDetailsService {
     static setPurchaseDetails(id, items, name, price, 
     cardNumber, 
     idOfPerson) {
     const bodyFormData = new FormData();
     bodyFormData.append("id", id);
     bodyFormData.append("items", items);
     bodyFormData.append("name", name);
     bodyFormData.append("price", price);
     bodyFormData.append("cardNumber", cardNumber);
     bodyFormData.append("idOfPerson", idOfPerson);
     return $axios({
      method: "post",
      url: `PurchaseDetails/get_mock_PurchaseDetails/${id}`,
      data: bodyFormData,
      headers: { "Content-Type": "multipart/form-data" },
      })
      .then(function (response) {
        //handle success
        console.log(response);
      })
      .catch(function (response) {
        //handle error
        console.log(response);
      });
      }  
     }
     const service = {
     PurchaseDetailsService,
    };

    export default service;

    views
     
      from rest_framework import status
      from rest_framework.decorators import api_view, 
      renderer_classes
      from rest_framework.renderers import JSONRenderer
      from rest_framework.response import Response
      from myStore.serializers import PurchaseDetailsSerializer
      from myStore.models import PurchaseDetails
      from myStore.serializers import PurchaseDetails


     @api_view(['GET'])
     @renderer_classes([JSONRenderer])
     def get_PurchaseDetails(_, PurchaseDetails):
        PurchaseDetails = get_mock_PurchaseDetails()
       serializer = PurchaseDetailsSerializer(PurchaseDetails)

       return Response(serializer.data, 
    status=status.HTTP_200_OK)


      def get_mock_PurchaseDetails(id, items,
                             name,   price,   cardNumber, 
       idOfPerson):
       newData = PurchaseDetails(id,items, name,
                              price, cardNumber, idOfPerson)

       newData.save()


    url 

    urlpatterns = [
    path('admin/', admin.site.urls),

    path('api/PurchaseDetails/get_mock_PurchaseDetails/<int:id>',
         views.get_mock_PurchaseDetails),
    ]



    models

    from django.db import models

    class PurchaseDetails(models.Model):
      id = models.AutoField(primary_key=True)
      items = models.CharField(max_length=30)
      name = models.CharField(max_length=30)
      price = models.IntegerField()
      cardNumber = models.IntegerField()
      idOfPerson = models.IntegerField()

Answer 1

Try to change the url to const baseURL='http://localhost:8000/api/'