angular项目中配置文件实践

前言：这里的配置一般指项目构建后可能需要运维人员进行手动修改的内容，比如：url地址等（没有使用代理服务器）。因此为便于运维人员修改，会创建单独的配置文件，且构建后也能方便其修改。

一、配置内容放在json文件中

• json文件放在assets目录下
• 在使用处发送get请求获取json数据,请求可能需要同步

二、js配置文件，把js配置文件当作第三方库使用

• 创建配置文件src/app/url-config.js

let CONFIG = {
  ExeWSURL: 'ws://127.0.0.1:7382'
};

• 把配置文件作为第三方文件，在angular.json中的scripts中加如下配置：

"scripts": [{
         "input": "src/app/url-config.js",
          "lazy": false,
          "bundleName": "url-config"
     }]

• 在使用的地方声明变量

declare var CONFIG: any;
console.log(CONFIG.ExeWSURL)

这样，项目 构建后配置信息就只需要在url-config.+[hash值].js文件中修改即可，方便了运维

ps：如果部署服务器用的是ngix，配置仅仅是url地址的话，就不需要上述方法了，直接维护ngix配置即可。