Setting graphql_url doesn't work while connecting outside of localhost server

Description

I’m running a prefect-core instance on one machine which is behind VPN (lets say IP of this server is 10.128.55.10), I’m working from other computer connected via VPN into internal network. When I set-up prefect server and configurate my config.toml file:

[server]
    [server.ui]
    graphql_url = "http://10.128.55.10:4200/graphql"

I’m able to connect to http://10.128.55.10:8080 UI but it says that it cannot connect to graphql API, when I set the url for graphql manualy via UI to http://10.128.55.10:4200/graphql everything is connected and works, but it’s not set automaticaly via config-file as I would expect.

Expected Behavior

Opening website at url http://10.128.55.10:8080 will automatically connect to the graphql endpoint at http://10.128.55.10:4200/graphql.

Reproduction

1. running Ubuntu server verion 20.04 LTS

2. $ python3.7 -m venv venv

3. $ source venv/bin/activate

4. $ pip install -U pip && pip install docker-compose prefect

5. configurate config.toml in ~/.prefect folder, as mentioned above

6. $ prefect server start

7. Connect from other machine into VPN and open url for prefect-ui http://10.128.55.10:8080

8. graphql API is not connected automatically

Environment

{
  "config_overrides": {
    "backend": true,
    "server": {
      "endpoint": true,
      "graphql": {
        "host": true
      },
      "hasura": {
        "host_port": true
      },
      "host": true,
      "host_port": true,
      "port": true,
      "ui": {
        "endpoint": true,
        "graphql_url": true,
        "host": true,
        "host_port": true,
        "port": true
      }
    }
  },
  "env_vars": [],
  "system_information": {
    "platform": "Linux-5.4.0-42-generic-x86_64-with-Ubuntu-20.04-focal",
    "prefect_version": "0.13.5",
    "python_version": "3.7.8"
  }
}

[znicholasbrown]

Hi @NoName115! We’ve got a ticket open in the UI repo for what you’ve described, and it includes the reason we’re not using that method in the built application any longer. My apologies for the confusion, the screen that you linked isn’t intended to modify the UI settings at container runtime but is referring to otherwise configurable options for the rest of the stack.

In the meantime, since it sounds like you’re looking for a somewhat more complicated deployment, you can run the UI as its own development web server, similar to how the Apollo application is run, and you can modify the environment defaults in the.env file included in the repo (for your case you’ll modify VUE_APP_SERVER_URL). The full instructions for running the UI in development mode are in the UI README.

[joshmeek]

Closed by https://github.com/PrefectHQ/ui/pull/219