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在上面的配置都完整的情況下是可以直接在頁面中使用的。（當初因為這個問題，迫不得已是手動修改的環境）