为什么我无法获得 body 表格 Angular

Question

我使用 angular 获取信息寄存器 html 并且我 post 到路径 api 它工作但是打印字 "work" 我无法得到value In body 和我测试路径 post 使用 post伙计，它显示名字................................................ ..................................................... .....................................

server.go

package main

import (
 "github.com/gorilla/handlers"
 "github.com/gorilla/mux"
 "net/http"
)

func main() {

 router := mux.NewRouter()
 router.HandleFunc("/register", Createuser).Methods("POST")
 headers := handlers.AllowedHeaders([]string{"X-Requested-With", "Content-Type", "Authorization"})
 methods := handlers.AllowedMethods([]string{"GET", "POST", "PUT", "DELETE"})
 origins := handlers.AllowedOrigins([]string{"*"})
 http.ListenAndServe(":12345", handlers.CORS(headers, methods, origins)(router))

}


func Createuser(writer http.ResponseWriter, request *http.Request) {
 request.ParseForm()
    print(request.FormValue("firstName"))
 print("work")
}

register.component.ts

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

import { AlertService, UserService } from '../_services';

@Component({templateUrl: 'register.component.html'})
export class RegisterComponent implements OnInit {
    registerForm: FormGroup;
    loading = false;
    submitted = false;

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

    ngOnInit() {
        this.registerForm = this.formBuilder.group({
            firstName: ['', Validators.required],
            lastName: ['', Validators.required],
            username: ['', Validators.required],
            password: ['', [Validators.required, Validators.minLength(6)]]
        });
    }

    // convenience getter for easy access to form fields
    get f() { return this.registerForm.controls; }

    onSubmit() {
        this.submitted = true;

        // stop here if form is invalid
        if (this.registerForm.invalid) {
            return;
        }

        this.loading = true;
        this.userService.register(this.registerForm.value)
 
    }
}

user.service.ts

import {Injectable} from '@angular/core';
import {HttpClient} from '@angular/common/http';

import {environment} from '../../environments/environment';
import {User} from '../_models';

@Injectable()
export class UserService {
  constructor(private http: HttpClient) {
  }


  register(user: User) {
     return this.http.post(`${environment.apiUrl}/register`, {
      firstName: user.firstName,
      lastName : user.lastName,
      username : user.username,
      password : user.password
    })
  }

  }
}

Answer 1

我认为可能是您的 go 服务器正在等待 content-type: application/x-www-form-urlencoded

https://golang.org/pkg/net/http/#Request.ParseForm

但是 angular 将表单作为 json 对象提交。

要调试正在发生的事情，请检查从 chrome 到后端的传出响应通过在 chrome devtools 的设置菜单中启用“Log XmlHttpRequest”来执行此操作。

然后您应该能够看到正文是 JSON。

尝试使用它来解析正文

func test(rw http.ResponseWriter, req *http.Request) {
    decoder := json.NewDecoder(req.Body)
    var t test_struct
    err := decoder.Decode(&t)
    if err != nil {
        panic(err)
    }
    log.Println(t.Test)
}

为什么我无法获得 body 表格 Angular

Why I can't get body form Angular

api

http-post

go

angular