title: No 'Access-Control-Allow-Origin' header Vue/Spring boot
body: <p>I can't seem to figure out this error "No 'Access-Control-Allow-Origin' header". </p>
  
  <p>I have a Vue frontend running on localhost:8080 and spring backend generating JWT tokens on locahost:8082</p>
  
  <p>While trying to post credentials to my /signin I keep consistently getting this error. I have tried <code>@CrossOrigin("http://localhost:8080")</code> on my spring controller, as well as a <code>CorsConfigurationSource</code> global bean in my SecurityConfig. 
  Below is my Vue code for the login post using axios:</p>
  
  <pre><code>    login(context, creds, redirect) {
      var headers = {
        'Content-Type': 'application/json',
        'Access-Control-Allow-Origin': '*'
        }
      axios.post(LOGIN_URL, '{"username": "name", "password": 
      "pass"}', headers)
      .then(function(response){
          console.log(response)
          this.user.authenticated = true
       }).catch(function (error) {
          console.log(error);
       });
       },
  </code></pre>
  
  <p>My sign in page takes {"username": "name", "password": "pass"}, I have a login page that passes username and password on login press but was eliminating possible reasons so I hardcoded it for testing in above code.</p>
  
  <p>Lastly I have tried the chrome CORS plugin which gets rid of the error but still returns a 403. Everything works perfect in postman.</p>