如何将当前用户 ID 添加到 axios.get 请求？答案

【问题标题】：How to add current user id to the axios.get request?如何将当前用户 ID 添加到 axios.get 请求？
【发布时间】：2022-10-04 18:40:27
【问题描述】：

如何将当前用户 ID 添加到前端代码中的 axios.get 请求 url？

这是我的代码；

后端：urls.py

urlpatterns = [
    path('<int:pk>/', UserDetail.as_view()),
]

和views.py

class UserDetail(APIView):
    permission_classes = [AllowAny]
    http_method_names = ['get', 'head', 'post']
    """
    Retrieve, update or delete a user instance.
    """
    def get_object(self, pk):
        try:
            return NewUser.objects.get(pk=pk)
        except NewUser.DoesNotExist:
            raise Http404

    def get(self, request, pk, format=None):
        user = self.get_object(pk)
        serializer = CustomUserSerializer(user)
        return Response(serializer.data)

前端：

useEffect(() => {
    if (localStorage.getItem("access_token")) {
      axiosInstance.get('users/**???**').then((obj) => {
       {
        setname(obj.username)
        setemail(obj.email)
        setidx(obj.uid)
        }
        console.log(obj);
        console.log(obj.data);
          setTimeout(() => {
          props.resetProfileFlag();
        }, 3000);
      }); 
    }
    
  }, [props.success])

如果我手动添加用户 ID（比如说；axiosInstance.get('users/1').then((obj) => { ...) 它会获取用户详细信息。

【问题讨论】：

标签： axios userid geturl

【解决方案1】：

在您的 axios 部分中，您需要使用如下参数：

useEffect(() => {
    if (localStorage.getItem("access_token")) {
      axiosInstance.get('users/',
      {
      params: {
                id: '1'
              }
        }).then((obj) => {
       {
        setname(obj.username)
        setemail(obj.email)
        setidx(obj.uid)
        }
        console.log(obj);
        console.log(obj.data);
          setTimeout(() => {
          props.resetProfileFlag();
        }, 3000);
      }); 
    }
    
  }, [props.success])

在后端，您也可以从 request.params 获取数据。

【讨论】：