title: How can I see post body data in chrome dev tools?
body: <p>I have this fetch api in React that is sending data to the server. The server runs PHP and I'm having trouble accessing the data with $_POST or with file_get_contents('php://input');</p>
  
  <p>So I want to check every step of the process until I can see where the error is. I also want to verify how the post data is being sent. ie I want to see the actual data and the full request from the browser.</p>
  
  <p>Fetch request looks like this:</p>
  
  <pre><code>export function sendEmail (data) {
    return fetch('http://example.com/email.php', {
      method: 'POST',
      credentials: 'same-origin',
      headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json'
      },
      body: JSON.stringify(data)
    }).then(response =&gt; response.json())
  }
  </code></pre>
  
  <p>When I go into google chrome's dev tools I see the request headers, response, etc but nowhere can I see the actual data being sent. I've looked around online and no one can seem to give a clear answer.</p>