如何使用react Js通过axios post方法发送cookie

时间:2019-12-27 11:11:08

标签: reactjs spring-boot cookies axios

我将React js用于前端,将spring boot用于后端过程。我需要使用前端从cookie到后端发送cookie,为此我尝试使用axios:

前端

async function submitPageData() {
    try {
      const jwttoken = {
        headers: {
          jwt: to12,
          Cookie: token
        }
      };
      const response = await axios
        .put(
          url,
          {
            id: pageId,
            projectName: PROJECT_NAME,
            title: title
          },
          jwttoken
        )
        .then(function () {

       });
    } catch (error) {
        }
      }
    }
  }

然后使用@CookieValue批注在后端接收cookie,但是正如我检查发现的那样,我的请求标头没有随身携带cookie。

请指导我,我该如何从react js axios方法发送cookie,以便能够在后端接收它。

修改

const jwttoken = {
        headers: {
          jwt: to12,
          Cookie: token,
          withCredentials: true
        }

谢谢!

1 个答案:

答案 0 :(得分:0)

由于某些原因,使用withCredentials作为标题对我也不起作用。

要这样添加它:

import axios from "axios";
axios.defaults.withCredentials = true;