title: Vue.js Axios Post request blocked
body: <p>I am trying to build a test app with a vue frontend and a spring boot backend. The backend receive a json from the frontend to register a new user.</p>
  <p>But I am struggeling at the point to send a post request from the vue frontend to the backend. I only receive the status Blocked.</p>
  <p>So this is the method in vue which should send the post request:</p>
  <pre><code>testMethodToClick() {
      const data = {
          &quot;firstName&quot;: &quot;Test&quot;,
          &quot;lastName&quot;: &quot;Tester&quot;,
          &quot;email&quot;: &quot;test.tester@test.de&quot;,
          &quot;password&quot;: &quot;password&quot;
      }
  
      const header = {
          &quot;Content-Type&quot;: &quot;application/json&quot;,
          &quot;Accept&quot;: &quot;*/*&quot;
      }
  
      axios.post(&quot;http://ptsv2.com/t/ty0mk-1643012780/post&quot;);
      axios.post(&quot;http://localhost:8886/api/v1/registration&quot;, data, header);
  }
  </code></pre>
  <p>The first post request to ptsv2.com is just to test if the post request generally is working.</p>
  <p>But this is the result:</p>
  <p><a href="https://i.stack.imgur.com/DoWoy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DoWoy.png" alt="enter image description here" /></a></p>
  <p>But if I try to test the endpoint with postman, than it works:</p>
  <p><a href="https://i.stack.imgur.com/3cZPr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3cZPr.png" alt="enter image description here" /></a></p>
  <p>So I did something wrong on the vue side.
  Does someone know what I am missing?</p>
  <p>Thank you very much!</p>