Nativescript http php 请求

Question

我正在尝试在 nativescript.This 中的远程服务器上执行一个简单的 http 请求，目前我所拥有的是：

import { Component, ChangeDetectionStrategy } from '@angular/core';
import {request} from "http";


@Component({
selector: 'home',
templateUrl: 'modules/home/home.component.html',
styleUrls:['modules/home/home.component.css'],
changeDetection: ChangeDetectionStrategy.OnPush
})

export class HomeComponent {
public name: string = "Mark";
public username: string = "jahflasher";
public custom_text: string = "This s a custom text field";

public makePOSTRequest() {

    request({
        url: "http://www.url.com/nsschoolapp/getHomePage.php",
        method: "POST",
        headers: { "Content-Type": "application/x-www-form-urlencoded" },
        content: JSON.stringify({ Name: this.name, Username: this.username,      Text: this.custom_text })
    }).then(response => {
        console.log(response.content);
    }).catch(err => {
        console.log("Error occurred " + err.stack);
    })

}


     ngOnInit() {
      this.makePOSTRequest();
     }
}

现在在终端的 console.log() 中我得到了这个：

    JS: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
    JS: <html><head>
    JS: <title>403 Forbidden</title>
    JS: </head><body>
    JS: <h1>Forbidden</h1>
    JS: <p>You don't have permission to access /nsschoolapp/getHomePage.php
    JS: on this server.</p>
    JS: <p>Additionally, a 404 Not Found
    JS: error was encountered while trying to use an ErrorDocument to handle the request.</p>
    JS: <hr>
    JS: <address>Apache Server at www.url.com Port 80</address>
    JS: </body></html>

现在在 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);
}


    header('Content-Type: application/json; charset=UTF-8');
    $arr = array('success' => true,"conent"=> $_POST );
    echo json_encode($arr);

?>

我该如何解决这个问题？看来我无法访问远程文件。我没有权限。

Answer 1

试试这个代码：

header('Access-Control-Allow-Origin: *');

在 AngularJS 中我们使用 $sceDelegateProvider.resourceUrlBlacklist 来访问服务器。在 Angular 2 中你可以使用：

import {SafeResourceUrl, DomSanitizationService} from '@angular/platform-browser';

看看这个post！

Nativescript http php 请求

Nativescript http php request

javascript

php

angularjs

nativescript