Nuxt2多环境部署，环境变量配置

安装依赖，本教程适用于Nuxt2版本

"core-js": "^3.25.3",
"cross-env": "^7.0.3",

环境变量 根目录新增env.js文件

module.exports = {
  ruyi: {
    BASE_API: 'http://192.168.1.25:8083/'
  },
  yq: {
    BASE_API: 'http://192.168.1.100:8083/'
  },
  dev: {
    BASE_API: 'https://dev-web.jxspcb.com/'
  },
  pro: {
    BASE_API: 'https://www.jxspcb.com/'
  }
}

配置nuxt.config.js

import env from './env'
// 环境变量
env: env[process.env.NODE_ENV],

配置 package.json

"scripts": {
    "pro": "cross-env NODE_ENV=pro nuxt build && cross-env NODE_ENV=pro nuxt start",
    "test": "cross-env NODE_ENV=dev nuxt build && cross-env NODE_ENV=dev nuxt start",
    "dev": "cross-env NODE_ENV=dev nuxt",
    "ruyi": "cross-env NODE_ENV=ruyi nuxt",
    "yq": "cross-env NODE_ENV=yq nuxt",
    "build": "cross-env NODE_ENV=pro nuxt build",
    "start": "cross-env NODE_ENV=pro nuxt start",
    "generate": "nuxt generate",
    "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .",
    "lint:prettier": "prettier --check .",
    "lint": "npm run lint:js && npm run lint:prettier",
    "lintfix": "prettier --write --list-different . && npm run lint:js -- --fix"
  },

在js中拿环境变量数据

process.env.BASE_API