docker compose中的Angular js 6 405（不允许使用方法）

我使用docker compose对我的项目进行归档，我有 Php，mysql，nodej.js… 您可以在下面看到我的所有源代码，这些源代码可以理解我的问题

代码docker compose：

    version: '2'

services:
   db:
     build: ./mysql
     volumes:
       - db_data:/var/lib/mysql
     ports:
         - '3306:3306'
     environment:
         - MYSQL_ROOT_PASSWORD=root
         - MYSQL_DATABASE=testDB
         - MYSQL_USER=pass
         - MYSQL_PASSWORD=devel
         - MYSQL_ROOT_HOST=%
   phpmyadmin:
        build: ./phpmyadmin
        links: 
            - db:db
        ports:
            - '8001:80'
   php:
            build: ./php
            ports:
            - '80:80'
            restart: always
            volumes:
            - /home/samir2/www:/var/www/html
            depends_on:
            - db
   node.js:
        build: ./node.js
        ports:
            - '3000:3030'
        volumes:
        - /home/samir2/www:/var/www/html
volumes:
  db_data:

我的网络服务与邮递员配合得很好，当我试图 将一些数据添加到web服务中，并成功地将其插入到数据库中

但是当我试图使用angular 6的请求时

无法使用“405（不允许使用方法）”在我的服务器中访问它

我的服务用户的代码

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import {User} from "../model/user.model";

@Injectable()
export class UserService {
  constructor(private http: HttpClient) { }
  baseUrl: string = 'http://server/blog/public/api/register';

  createUser(user: User) {
    return this.http.post(this.baseUrl, user);
  }
}

我的代码add-user.component.html

<div class="col-md-6">
  <h2 class="text-center">Add User</h2>
  <form [formGroup]="addForm" (ngSubmit)="onSubmit()">
    <div class="form-group">
      <label for="email">Email address:</label>
      <input type="email" formControlName="email" placeholder="Email" name="email" class="form-control" id="email">
    </div>

    <div class="form-group">
      <label for="firstName">First Name:</label>
      <input formControlName="firstName" placeholder="First Name" name="firstName" class="form-control" id="firstName">
    </div>

    <div class="form-group">
      <label for="lastName">Last Name:</label>
      <input formControlName="lastName" placeholder="Last name" name="lastName" class="form-control" id="lastName">
    </div>

    <button class="btn btn-success">Update</button>
  </form>
</div>

---

有什么想法吗？

在错误图像中，它显示GET请求，在邮递员中，它显示POST。你能发布更多相关的代码吗。为什么是GET methode，而在我的服务中，用户是post（返回this.http.post（this.baseUrl，user）；）？你能发布你的component.ts和html吗，你在哪里使用了服务是的，已经完成了，你可以检查一下。当我试图改变我的Web服务的方法以进入message give zone.js:2969 POST blog/public/api/register 405（不允许使用方法）时，我真的不明白，情况正好相反？！

import { Component, OnInit } from '@angular/core';
import {FormBuilder, FormGroup, Validators} from "@angular/forms";
import {UserService} from "../service/user.service";
import {first} from "rxjs/operators";
import {Router} from "@angular/router";

@Component({
  selector: 'app-add-user',
  templateUrl: './add-user.component.html',
  styleUrls: ['./add-user.component.css']
})
export class AddUserComponent implements OnInit {

  constructor(private formBuilder: FormBuilder,private router: Router, private userService: UserService) { }

  addForm: FormGroup;

  ngOnInit() {

    this.addForm = this.formBuilder.group({
      id: [],
      email: ['', Validators.required],
      firstName: ['', Validators.required],
      lastName: ['', Validators.required]
    });

  }

  onSubmit() {
    this.userService.createUser(this.addForm.value)
      .subscribe( data => {
        this.router.navigate(['list-user']);
      });
  }

}