角度js中的配置文件

Question

我想将Url存储在配置文件中，所以当我在测试服务器或生产中部署它时，我只需更改配置文件中的url而不是js文件，但我不知道如何在angular js中使用配置文件

Answer 1

您可以使用angular.constant进行配置。

app.constant('appConfigurations', {
    link_url: "http://localhost:8080/api",
    //For production u can simply change the link_url
    //link_url: "http://production_url/api"
});

Answer 2

有一些方法可以解决这个问题，但在实施时我们采用了以下方式

1. 创建外部环境js文件

   (function (window) {
     window.__env = window.__env || {};
   
     window.__env.apiUrl = 'your Api Url';
   
   }(this));
   

       

2. 在您的Index.html

中

在app.js上面添加env.js

<!-- Load environment variables -->
<script src="env.js"></script>

1. 在您的app.js

   中

     

   var envr = {};              如果（窗口）{                Object.assign（envr，窗口.__ ENV）               }   //定义AngularJS应用程序var app = angular.module（＆＃39; myapp＆＃39;，[]）;

        

   //将AngularJS中的环境注册为常量app.constant（＆＃39; __ env＆＃39;，   ENV）;

   更新：

在配置文件中添加其他URl：

(function (window) {
          window.__env = window.__env || {};

          window.__env.apiUrl = 'your Api Url';

         //Another Url
         window.__env.baseUrl ='/';

        }(this));