如何使用 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);
        }
      };