解决 nuxt 获取不到自定义环境变量问题

最近需要自定义环境变量区分当前环境，

package.json

{
  "scripts": {
    "dev": "cross-env NODE_ENV=dev PORT=dev nuxt",
  },
}

上面定义了process.env.PORT的值是dev，但当在axios.js中想要使用的时候发现服务端可以取到值，但客户端渲染时获取不到，后来去看nuxt官网，发现nuxt.config.js有如下说明：

env: 该配置项用于定义应用客户端和服务端的环境变量

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

因此，只需要在nuxt.config.js中使用如下写法：

module.exports = {
  env: {
    PORT: process.env.PORT
  }
}

即可在客户端取到自定义的环境变量的值~