【应用SSR-nuxt开发日记4】process.env配置项

推荐大家看nuxt的官方英文文档 比较新

module.exports = {
  env: {
    baseUrl: process.env.BASE_URL || 'http://localhost:3000'
  }
}

如同文档中说的 env是客户端和服务端的一个环境变量对象，被设置在nuxt.config.js 中，注意看 别误以为是build里的。

那这里的 process.env.BASE_URL 是哪里的呢?

• 如果你使用npm来启动,在package.json的scripts中找到你想把环境参数附加在哪里

"start": "cross-env BASE_URL=http://xxx.test.xxx.com NODE_ENV=production node build/main.js"

• 如果你使用了pm2 那就在pm2的 .json启动文件下的需要加环境变量的app配置中 加上env

  
  image.png

比如这里我们在线上启动时 注入了BASE_URL ，测试启动不变，这样在线上运行时 process.env.baseUrl 就是对应环境的。

怎么饮用呢？

这里以请求为例子，你的请求模块叫request.js 在里面有个常量变量叫做API，给它配置上 process.env.baseUrl 就可以了

image.png