前后端分离项目生产环境开发环境配置信息切换

Question

项目刚进行了前后端分离，没有使用现在的主流框架，jquery写的一个前端框架，API写到一配置文件中，怎么在生产环境和开发环境切换配置信息，项目使用了gulp打包

Answer 1

写两个配置文件，比如 dev.conf.js 和 prod.conf.js，使用 gulp 打包的时候根据环境变量选择对应的配置文件。

或者配置两个 gulp task，分别打包两个版本。

Answer 2

你应该是用node做服务器吧？如果是用node可以利用express的env属性来处理。
开发环境对应config.js，生产环境对应config.prod.js，然后判断是哪个环境，加载不同的config：

// 默认加载开发环境配置
let config = require('./config');
// 是否处于开发环境
const isDevMode = (app.get('env') === 'development') ? true : false;
// 生产环境配置
if (!isDevMode) {
  config = require('./config.prod');
}

默认情况下，env.NODE_ENV为"development"，生产部署时，一般会使用pm2，其配置文件为：

{
  "env": {
    "NODE_ENV": "production"
  },
}

这样就实现了配置文件的动态切换。