如何使用 react 和 axios 将 GET 请求标头中的数据发送到 Django REST 框架？答案

【问题标题】：how to send data in GET request header using react and axios to Django rest framework?如何使用 react 和 axios 将 GET 请求标头中的数据发送到 Django REST 框架？
【发布时间】：2020-07-28 01:53:23
【问题描述】：

我是 react 和 axios 的新手，我想知道如何使用 get 请求在我的标头中发送数据我试过了，但没有用

** 我观察到请求类型更改为 django 终端窗口中的选项**


export const getUserOrders=(userID)=>{
    return dispatch=>{
        dispatch(getUserOrdersStart())
        axios.defaults.headers={
            'Content-Type':'application/json',
            id:userID
        }
        axios.get('http://127.0.0.1:8000/admindashboard/userorders/')
        .then(res=>{
            const order=res.data
            dispatch(getUserOrdersSuccess(order))
        }).catch(err=>{
            getUserOrdersFail(err)
        })
    }
}

【问题讨论】：

当您的客户端应用程序与服务器位于不同域时，客户端将发送OPTION 调用，不用担心
我正在创建管理面板，我需要获取用户完成的每一个订单

标签： django reactjs react-redux axios

【解决方案1】：

你可以试一试下面的方法。

export const getUserOrders = async userId => {
      const header = {
        "Content-Type": "application/json;charset=utf-8",    
      };
      let id = userId;
      const URL = `http://127.0.0.1:8000/admindashboard/userorders/`
      return dispatch => {
        try {
          dispatch(getUserOrdersStart())

           const response = await axios(URL,id, {
            method: "GET",
            mode: "cors",
            headers: header,

          });
          const jsonResponse = response.json();
          dispatch(getUserOrdersSuccess(order))
        } catch (error) {
          setError(error);
        }
      };

【讨论】：

【解决方案2】：

尝试添加 CORS 标头

使用这个包并阅读文档

https://github.com/adamchainz/django-cors-headers

【讨论】：