API Calls from Webapp

patsche

New Member
Dec 28, 2020
5
0
1
33
Hello everybody,

I'm currently making API calls from my VueJS web application. The problem is that I am blocked because of the CORS Poilcy. The Proxmox web server on which the GUI is running must send me a parameter. Does one of you know where the config files are? Or can this be added by Proxmox?

The Access-Control-Allow-Origin header is missing. Since I am sending the API call from a different domain than the one on which the Proxmox server is running, the requests are blocked. Therefore this would have to be set as a wildcard in the web server config.

The GUI / API web server also does not accept the OPTIONS request.

Thank you in advance
 
you can just put an NGINX (or another reverse proxy) in front of PVE and add the needed headers there..
 
Finally figured this out myself, a possible configuration with nginx includes these lines:

```
add_header 'Access-Control-Allow-Origin' '$http_origin' always;
add_header 'Access-Control-Allow-Credentials' 'true' always;
```
Keep in mind that this will allow any requests from any origin.
 
I made this to work with PVE 7.3-3 (without using a reverse proxy) by modding two files that are involved in handling web requests.
  • /usr/share/perl5/PVE/APIServer/AnyEvent.pm
    Perl:
    my $known_methods = {
        GET => 1,
        POST => 1,
        PUT => 1,
        DELETE => 1,
        OPTIONS => 1, # added
    };

    Perl:
    $resp->header('Server' => "pve-api-daemon/3.0");
    $resp->header('Access-Control-Allow-Origin' => "*"); # added
    $resp->header('Access-Control-Allow-Methods' => "*"); # added
    $resp->header('Access-Control-Allow-Headers' => "*"); # added
  • /usr/share/perl5/PVE/HTTPServer.pm
    Perl:
    # explicitly allow some calls without auth
    if (($rel_uri eq '/access/domains' && $method eq 'GET') ||
        ($rel_uri eq '/access/ticket' && ($method eq 'GET' || $method eq 'POST')) ||
        ($rel_uri eq '/access/openid/login' &&  $method eq 'POST') ||
        ($rel_uri eq '/access/openid/auth-url' &&  $method eq 'POST') || # changed
        ($method eq 'OPTIONS')) { # added
        $require_auth = 0;
    }

    Perl:
    my $resp = {
    status => HTTP_NOT_IMPLEMENTED,
    message => "Method '$method $rel_uri' not implemented",
    };
    
    if ($method eq 'OPTIONS') { # added
        $resp = { status => HTTP_OK }; # added
    } # added
    
    my ($handler, $info);

The changes / hacks are just to get it to work in my lab and it is by no means secure or anything (and I'm no expert on web servers or perl).
The request to support setting CORS headers is tracked here.
 

About

The Proxmox community has been around for many years and offers help and support for Proxmox VE, Proxmox Backup Server, and Proxmox Mail Gateway.
We think our community is one of the best thanks to people like you!

Get your subscription!

The Proxmox team works very hard to make sure you are running the best software and getting stable updates and security enhancements, as well as quick enterprise support. Tens of thousands of happy customers have a Proxmox subscription. Get yours easily in our online shop.

Buy now!