如何覆盖javascript的全局参数？

Question

Background:

我有用django（python）编写的web项目，在settings.py中记录了一些全局设置

settings.朋友

EXTERNAL_SERVICE_IP = 10.192.225.30

当我向用户提供此项目时，他们可能需要更改此EXTERNAL_SERVICE_IP，因为他们在不同的IP上部署服务。

通常，他们可以修改此settings.py，但是当我使用docker交付此项目时，它不太方便。所以改变了settings.py。

EXTERNAL_SERVICE_IP = os.environ.get('EXTERNAL_SREVICE_IP')

然后，当启动容器时，用户可以使用-e将其外部服务ip传递给python。

Question:

现在，同样的情况发生在javascript部分。我有一个settings.js

settings.js

const SERVICE_API = "http://10.192.225.18:8090/xxx/"

网络的ui部分将让浏览器使用它在javascript中启动ajax调用，当然，我们使用jsonp，所以没有cross-origin问题。

所以，如果项目也在docker容器中，那么用户在javascript中覆盖此SERVICE_API的最佳方式是什么？我不希望用户docker exec更改此文件，而不是用户的开箱即用。

Answer 1

您还可以使用process.env.EXTERNAL_SREVICE_IP使用系统变量

const SERVICE_API = `http://${process.env.EXTERNAL_SREVICE_IP}:8090/xxx/`;

Answer 2

你可以通过修改package.json来实现你的目标，例如：

{
  config: {
    "api": "http://10.192.225.18:8090/xxx/"
  }
}

接下来，你可以得到网址：

process.env.npm_package_config_api