HTTP Post 请求未从 ionic 发送正文或参数数据

Question

HTTP post 请求未向服务器发送正文或参数数据

如果这是一个重复的问题，请原谅我。我看过几个关于堆栈溢出的类似问题，但没有一个能解决我的问题。还尝试使用 GET 请求而不是 POST 请求，但仍无法发送正文数据。

客户端代码：

// ionic code
homeUrl: string = 'http://localhost:80';
let obj = {"name": "Guest"};
let response = this.httpClient.post(this.homeUrl + '/admin-signup', JSON.stringify(obj));
    response.subscribe(data => {
      console.log('response: ', data);
      //TODO: handle HTTP errors
    });

服务器端代码：

server.post('/admin-signup', (req, res) => {
  console.log('sign')
  console.log(req.body);
  // TODO: Process request
  res
    .status(200)
    .send(JSON.parse('{"message": "Hello, signup!"}'))
    .end();
});

Answer 1

首先，导入http客户端

import { HttpClient, HttpHeaders } from '@angular/common/http';

然后执行以下操作

const header = new HttpHeaders({
      'Content-Type': 'application/json',
       Accept: 'application/json'
       //api token (if need)
});    
const options = {
       headers: header
}
let response = this.httpClient.post(this.homeUrl + '/admin-signup', obj, options);
        response.toPromise().then(data => {
          console.log('response: ', data);
          //TODO: handle HTTP errors
        }).catch((err) =>{
           console.log('error', err);
        });

希望它能解决你的问题。

Answer 2

我不熟悉离子 但我猜这是一个cors问题

你可以尝试使用 cors 吗？

const cors = require('cors');
app.use(cors());