如何覆盖javascript的全局参数?

Question

>Background：

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

settings.py

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。

问题：

现在，同样的场景发生在javascript部分。我有settings.js

设置.js

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

Web的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