如何向我的服务器发出 HTTP POST 请求，在我的情况下，我收到错误代码 405 方法不允许

Question

尝试了很多次，但错误一直存在，错误代码为 405，方法不允许

下面是我的代码。 auth.service.ts

import { Injectable } from '@angular/core';
import { Http ,Headers, RequestOptions } from '@angular/http';

let apiUrl = " http://wiesoftware.com/greenchili/apisecure/login/";



var headers = new Headers();
    headers.append('Access-Control-Allow-Origin' , '*');
    headers.append('Access-Control-Allow-Methods', 'POST, GET');
    headers.append('Content-Type', 'application/x-www-form-urlencoded');
    headers.append('Accept','application/x-www-for-urlencoded');




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

  constructor(public http: Http ) { }

  userlogin(value){
    return new Promise((resolve,reject) => {
      var headers = new Headers();
      this.http.post(apiUrl + 'loginUsers', value).subscribe(res => {
         resolve(res.json());
      }, (err) => {
        reject(err);
      });
    });
  }
}

显示错误的结果

General:-
Request URL: http://wiesoftware.com/greenchili/apisecure/login/loginUsers
Request Method: OPTIONS
Status Code: 405 Method Not Allowed
Remote Address: 43.255.154.38:80
Referrer Policy: no-referrer-when-downgrade

Response Header:-
Access-Control-Allow-Headers: content-type
Access-Control-Allow-Methods: GET, PUT, POST, DELETE, HEAD, OPTIONS
Access-Control-Allow-Origin: *

Request Header:-
Provisional headers are shown
Access-Control-Request-Headers: content-type
Access-Control-Request-Method: POST
Origin: http://localhost:8100
Referer: http://localhost:8100/login
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 
(KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36

我希望请求方法是 POST 但默认情况下它总是作为选项。

Answer 1

你必须做代理

1.First 在您的 package.json

附近创建 proxy.conf.json

{
    "/Your_API/1.0.0": {
       "target": "http://wiesoftware.com/greenchili/apisecure/login/",
       "changeOrigin": true,
       "secure": false,
       "logLevel": "debug"
     }
   }

anjular.json

"serve": { "builder": "@angular-devkit/build-angular:dev-server", "options"：{ "browserTarget": "app:build", "proxyConfig": "proxy.conf.json" }, "configurations"：{ "production"：{ "browserTarget": "app:build:production" }, "ci"：{ "progress": 错误 } } },

在你的基本路径中

  protected basePath = './Your_API/1.0.0';

运行和测试

Answer 2

我找到了问题的解决方案，但问题不在前端，而是后端 php 服务器的问题。为了解决这个问题，我们必须在服务器 api.php 文件中添加一些代码。代码如下：-

<?php
    //
    if (isset($_SERVER['HTTP_ORIGIN'])) {
        header("Access-Control-Allow-Origin: {$_SERVER['HTTP_ORIGIN']}");
        header('Access-Control-Allow-Credentials: true');
        header('Access-Control-Max-Age: 86400');    // cache for 1 day
    }

    // Access-Control headers are received during OPTIONS requests
    if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {

        if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']))
            header("Access-Control-Allow-Methods: GET, POST, OPTIONS");         

        if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']))
            header("Access-Control-Allow-Headers:        {$_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}");

        exit(0);
    }
 ?>

如何向我的服务器发出 HTTP POST 请求，在我的情况下，我收到错误代码 405 方法不允许

How can I make an HTTP POST request to my server, In my case I got error code 405 method not allowed

http-post

ionic-framework

ionic4