根据配置检查远程URL

时间:2018-11-03 17:15:06

标签: nativescript nativescript-vue

我是NativeScript的新用户,我试图了解如何使我的应用程序根据环境对远程服务器进行GET调用。在Java世界中,我们传入了一个环境变量,但我还没有找到一个示例(据我了解),该示例演示了我的NativeScript移动应用如何知道它在哪个环境中运行以及如何基于该环境获取值。

我假设我将拥有一个config /文件,例如 prod.conf.js和dev.conf.js-在这里我将放置URL和其他配置值。

如何获取我的NativeScript(最终将其内置到iOS中)以达到启动时在http请求中使用的那些值。任何有关指导文档的示例将不胜感激。

答案: 通过使用nativescript-dev-appconfig的Manoj建议,我终于解决了问题。对于任何寻求帮助的新手,请尝试以下操作:

  • {PROJECT_ROOT} / config-将环境文件创建为 {env} .json 。这些文件只是json,其中包含所需值的名称-值对。可能是enter image description here

构建时:tns build ios --bundle --env.config {dev | test | prod } 这将获取所选env.config文件的内容(即-env.config开发并将其复制为-{PROJECT_ROOT} /app/config.json。

要在代码中使用它,

import config from "../config.json";
axios.get(config.MY_URL).then(result => {...}

1 个答案:

答案 0 :(得分:1)

不幸的是,官方不支持使用基于环境的配置文件,但是您可以尝试使用plugin钩子。

我们还提供了基于Webpack的环境变量支持,请在docs中详细了解。