Vue Post 함수가 null 본문을 전송합니다.

Vue Post 함수가 null 본문을 전송합니다.

프런트 엔드는 Vue 2.6.1을 기반으로 구축되어 있습니다.웹 서비스에서 데이터를 가져오기 위해 fetch를 사용하여 투고 요청을 보냅니다.콜 플로우는 다음과 같습니다.

• Vue 페이지가 이벤트를 트리거합니다.
• 그런 다음 이벤트가 모듈로 디스패치됩니다.
• 모듈 액션은 다음에 나타내는 서비스를 호출합니다.

가져오기 코드:

function GetBulkOperationData(tbData) {

const requestOptions = {
    method: 'POST',
    headers: authHeader(),
    body: JSON.stringify({ tbData })
};

return fetch(`${config.apiUrl}/a/b`, requestOptions)
    .then(handleResponse)
    .then(bulkOperationData => {
        return bulkOperationData;
    });
}

디버깅 중 스크린샷:

웹 서비스에서 캡처한 화면:

그러나 Postman에서 같은 요청을 보내면 서비스는 JSON을 오브젝트로 올바르게 변환합니다.JS에서 구축된 JSON 바디는 다음과 같습니다.

"{"tbData":{"draw":1,"sortOn":"lastCommunicationDate","sortBy":"desc","pageNo":1,"pageSize":10,"searchFilters":{"utNumber":"","utModelName":"1234","accountName":"","lastCommunicationDate":"","dateActivated":"","firmwareVersion":"","currentOperationState":""},"data":null}}"

내가 뭘 놓쳤는지 모르겠어

그저.remove "{}"본문 내의 tbData 중:

    const requestOptions = {
      method: 'POST',
      headers: authHeader(),
      body: JSON.stringify(tbData)
    };

언급URL : https://stackoverflow.com/questions/61124334/vue-post-function-sending-null-body