title: What does the Angular "strict-origin-when-cross-origin" Error mean?
body: <p>From my app I want to reach an api. The curl request is:</p>
  <pre><code>curl --request POST   https://...    --header 'Authorization: Token ...'   --header 'Accept: application/csv'   --header 'Content-type: application/vnd.flux'   --data '...'
  </code></pre>
  <p>It works and returns data from an InfluxDB instance. The problem ist when I try everything in Angular: I set up an proxy which redirects the requests correctly(I check this in the terminal). But in the web browser (Firefox Developer Edition) I get</p>
  <pre><code>POSThttp://localhost:4200/api/
  [HTTP/1.1 401 Unauthorized 204ms].
  
  Status 401
  Unauthorized
  Version HTTP/1.1
  Übertragen 350 B (55 B Größe)
  Referrer Policy strict-origin-when-cross-origin
  </code></pre>
  <p>The api URL is a https address, same error happens with http. Same happens in the production app.</p>
  <p>proxy.conf</p>
  <pre><code>{
  &quot;/api/*&quot;: {
  &quot;target&quot;: &quot;...&quot;,
  &quot;secure&quot;: false,
  &quot;logLevel&quot;: &quot;debug&quot;,
  &quot;changeOrigin&quot;: true
  }
  }
  </code></pre>
  <p>Terminal confirmation:</p>
  <pre><code>[HPM] POST /api/ -&gt; correct url
  </code></pre>
  <p>Request in component:</p>
  <pre><code>apiurl = '/api/';
  data = JSON.stringify('request');
  headers:HttpHeaders = new HttpHeaders();;
  
  constructor(private route: ActivatedRoute,
  private httpClient: HttpClient) {
  this.headers.set('Authorization', 'Token token');
  this.headers.set('Content-type', 'application/vnd.flux');
  }
  
  getConfig() {
  return this.httpClient.request&lt;any&gt;('post',`${this.apiurl}`,
      {
        body: this.data,
        headers: this.headers
      }
   );
  }
  
  
  ngOnInit(): void {
  
  this.getConfig()
  .pipe(first())
  .subscribe(
   data =&gt; {
     console.log(data);
   },
   error =&gt; {
     console.log(error);
   });
    }
  </code></pre>
  <p>I would appreciate a lou your ideas, thank you!</p>