数据传输错误Angular CLI到Laravel（Access-Control-Allow-Origin'标头）

Question

如果我使用get方法，我已经将数据Angular端发送到laravel端，它运行时没有错误，但如果我选择post方法，我会得到一个错误

访问控制允许源

有人知道这件事吗？这应该是报头加密错误

// Angular Code

import {Injectable} from '@angular/core';
import {HttpClient, HttpClientModule, HttpHeaders, HttpParams} from '@angular/common/http';
import {RequestOptions} from '@angular/http';
import {Observable} from 'rxjs';
import {BaseurlService} from '../BaseUrl/baseurl.service';

@Injectable({
  providedIn: 'root'
})
export class CompanyControlService {

  headers: Headers = new Headers();
  Options: any;

  constructor(private http: HttpClient, private configurl: BaseurlService) {

    this.headers.append('enctype', 'multipart/form-data');
    this.headers.append('Content-Type', 'application/json');
    this.headers.append('X-Requested-With', 'XMLHttpRequest');

    // @ts-ignore
    this.Options = new RequestOptions({headers: this.headers});

  }

  addEmployer(newRecode) {
    return this.http.post<any>(this.configurl.configUrlLoard() + 'employer/add', newRecode);
  }

}

// Laravel Code

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class EmployerController extends Controller
{
    function addEmployer()
    {
        error_log('Incoming request');
//        errorlog(request('companyNo'));
    }
}

//laravel route

Route::post('employer/add','EmployerController@addEmployer');

Answer 1

你的问题的两个解决方案:1第一个解决方案(最简单的解决方案)你应该从后端启用cors你可以在这里阅读

前端的第二个解决方案，尝试通过在您的src应用程序下添加proxy.config.json来在您的角度应用程序中使用代理配置完整的解决方案在这里

不要忘记使用 npm 运行启动来服务您的角度应用