AngularJS，如何发送url不友好的请求？

Question

I'm trying to tie up a PHP backend (MySQL database) and an AngularJS front end. I've spend about two days reading through tutorials to much frustration and time.

Basically I'm using the line:

$http.get('/angular/index.php').success(function (data) {
    console.log(data);
});

Which makes the following request:

GET http://localhost:9000/angular/index.php 404 (Not Found) 

Problem is the service is only accessible from:

angular/index.php

How do I change/use Angular to send requests to local data storage/database ??

RESTful settings

Virtual host:

<VirtualHost *:9000>
    ServerAdmin webadmin
    DocumentRoot "/Users/biggles/Sites/angular/app/ajax"
    ServerName angular
    ServerAlias angular
    ErrorLog "/private/var/log/apache2/angular-error_log"
    CustomLog "/private/var/log/apache2/angular-access_log" common
</VirtualHost>

hosts file:

127.0.0.1   angular

Answer 1

To access http://angular/index.php from your angular app you can just use the following snippet, as angular is your hostname and not part of the path

$http.get('/index.php').success(function (data) {
    console.log(data);
});

Angular $http service acts just like usual links would:

If your url starts with a scheme name eg. http:// or // $http will try to do an external request. However this requires a CORS configuration or JSONP.

If your url starts with a slash / $http will use the current scheme name, user info, hostname and port but will replace the full path.

If your url starts with neither a scheme name nor a slash your path will be relative.

From wikipedia:

foo://username:[e-mail]:8042/over/there/index.dtb?type=animal&name=narwhal#nose
 \_/  \_______________/ \_________/ \__/                      \______________________/ \__/
  |           |               |       |                                  |              |
  |       userinfo         hostname  port                              query        fragment
  |    \________________________________/\___________________/ 
scheme                 |                          |              
 name              authority                      |              
                                                path             
\_______________________________________/                   
                     |                                      
                    host