Question

我正在Angular 7和Laravel 5.8上运行一个项目。当我将登录表单角形表单发布到API Laravel时，在控制台中出现错误500（内部服务器错误）....为什么？

我尝试在本地系统上运行应用程序，它运行完美。但是当我将其用于在线投放时，问题就开始了。注意：后端API与POSTMAN完美配合。

我在Laravel中的CORS.php是：

@foreach($languages as $language)
<fieldset>
<input type="checkbox"
   class="icheckbox_square-red"
   id="input-15" name="languages[]"
   value="{{ $language->id }}"
   @if(in_array($language_id, $languages))
      checked
   @endif
>
<label for="input-15">{{ $language->name }}</label>
</fieldset>
@endforeach

内核

    public function handle($request, Closure $next)
    {
        header('Access-Control-Allow-Origin : *');
        header('Access-Control-Allow-Headers : Content-type, X-Auth-Token, Authorization, Origin');
        return $next($request);
    }

路线

    protected $middleware = [

        \App\Http\Middleware\CORS::class,
    ];

    protected $routeMiddleware = [

        'CORS' => \App\Http\Middleware\CORS::class,
    ];

login.service

Route::post('login', 'UserController@login');

login.component.ts

export class SandboxUserService {

  private API_URL= environment.apiUrl;

  login(data) {
    return this.http.post(this.API_URL + '/login', data)
  }

登录后，我希望它会将我重定向到仪表板。但是它没有回应。因此，当我检查时，发现了这一点：

错误500（内部服务器错误）

Answer 1

问题出在您的URL上，您的API在 HTTPS 连接上运行，但是您尝试通过HTTPS进行访问。这就是为什么您的请求被阻止并被视为不安全的原因。

尝试从以下位置更改您的URL：

sandboxbackend.cloudinteractiveplatforms.com/api/login

到

https://sandboxbackend.cloudinteractiveplatforms.com/api/login

Answer 2

您是否正确导入了Sandbox ...类。在这种情况下，我更喜欢创建一个新模块。检查这种方式

API Laravel 5.8和Angular 7中的错误500（内部服务器错误）

2 个答案: