Heroku Node.js环境变量无法读取问题求助

看起来你遇到的核心问题是Heroku上配置的环境变量没在Node.js应用进程里正确加载，下面是几个实用的排查和解决方向：

1. 检查Webpack的环境变量注入配置 #

因为你用Webpack构建ES6代码，Webpack默认不会自动把系统/Heroku的环境变量注入到构建后的代码里。你需要在Webpack配置中显式传递这些变量：

• 在webpack.config.js里使用DefinePlugin来注入需要的环境变量：

const webpack = require('webpack');

module.exports = {
  // 其他原有配置...
  plugins: [
    new webpack.DefinePlugin({
      'process.env.PORT': JSON.stringify(process.env.PORT),
      'process.env.PASSWORD': JSON.stringify(process.env.PASSWORD),
      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
    })
  ]
};

这样Webpack构建时会把这些变量替换成实际值，你的代码就能正常访问到它们了。

2. 验证Heroku环境变量的实际生效情况 #

虽然heroku config显示了变量，但可以再确认应用运行容器里的变量状态：

• 执行heroku run bash进入应用的运行容器，然后输入echo $PASSWORD和echo $PORT，看看能否输出正确的值。如果这里输出为空，说明变量配置可能没生效，你可以重新设置：

heroku config:set PASSWORD=xxxxxxxxx PORT=3001

3. 确认代码读取环境变量的时机 #

如果你的代码在Webpack构建前就尝试读取环境变量（比如入口文件顶部、Webpack配置外的脚本），但没通过DefinePlugin传递变量，那运行时自然拿不到值。确保你是在构建后的代码中访问process.env，且变量已经被正确注入。

4. Node.js版本的小提示 #

你用的Node.js 8.9.1虽然支持大部分ES6特性，但版本偏老旧，Heroku的Node环境可能存在一些潜在的兼容性问题。如果项目允许的话，建议升级到较新的LTS版本，能减少不少奇怪的问题。

内容的提问来源于stack exchange，提问作者Christopher