javascript - 如何在 Angular 运行时设置deployUrl

标签 javascript json angular typescript webpack

在 Angular 中,可以通过多种方式为项目定义“webpack_public_path”或“webpack_require.p”:

  • 在 .angular-cli.json 文件中设置deployUrl
  • 将 --deployUrl "some/path"添加到“ng build”命令行

但是,我需要能够在运行时设置此值,以便应用程序启动时它来 self 的 asset/config.json 文件。我正在考虑类似以下内容,可能在我的 main.ts 文件中定义,但我尝试过的任何方法都不起作用:

__webpack_require__.p=window.config['deployUrl'];

有人可以告诉我如何做到这一点,任何帮助将不胜感激!谢谢!

最佳答案

经过进一步调查,发现针对问题“In Webpack, how do I set the public path dynamically?”发布的答案确实有效。当我最初尝试这个时,我无法让它工作,但再次尝试后我成功了。

唯一的区别是我没有创建 globals.d.ts 文件来添加声明语句,我只是将以下几行添加到我的 main.ts 文件中:

declare var  __webpack_public_path__:string;
__webpack_public_path__= 'public/path/location';

我不确定这是否是最佳实践......

关于javascript - 如何在 Angular 运行时设置deployUrl,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44791539/

相关文章:

php - 如何从多个嵌套if条件调用json

php - 将数组索引的特定字段与重复值合并

angular - 如何将数据从父组件传递到子组件?

Angular 2 plunker不工作

javascript - 使用 animate.css 构建一个每 6 秒更改一次 div 的简单代码

javascript - 当鼠标至少移动一次时创建 PHP session

javascript - Vue - 是否可以在组件的计算属性中使用 Vuex getter?

java - 读取 json-io 中的数组 : Object cannot be cast to List

javascript - *ng如果模板中未检测到更改

javascript - 回调中如何返回值?