nuxtjs中配置配置env

1.安装cross-env插件

yarn add cross-env
npm install cross-env

2.修改package.json文件的scripts属性

  "scripts": {
    "dev": "cross-env NODE_ENV=dev BASE_URL=http://dev.myapi.com nuxt",
    "test": "cross-env NODE_ENV=test BASE_URL=http://test.myapi.com nuxt build"
  },

3.修改nuxt.config.js的env属性：

export default {
  mode: "universal",
  env: {
    NODE_ENV: process.env.NODE_ENV,
    BASE_URL: process.env.BASE_URL
  },
}

说明：

• NODE_ENV与BASE_URL分别对应package.json中的scripts中的dev与test命令中的NODE_ENV与BASE_URL

• 此时可以在页面中使用process.env.BASE_URL获取到对应的值
• 有个坑：你在页面的script中打印process.env得到的是一个空数组{}，但是你用process.env.BASE_URL在上面的配置都完整的情况下是可以直接在页面中使用的。（当初因为这个问题，迫不得已是手动修改的环境）