如何使用 react 和 axios 将 GET 请求 header 中的数据发送到 Django rest 框架？

Question

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

** 我观察到请求类型在 django 终端 window 中更改为选项 **

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)
        })
    }
}

Answer 1

尝试添加 CORS 标头

使用这个 package 并阅读文档

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

Answer 2

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

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);
        }
      };